design wip

resources/views/layouts/nav.blade.php

@@ -1,12 +1,38 @@
-<nav>
-    <div class="flex text-xs justify-between bg-gray-900 dark:bg-300-900 rounded">
-        <a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded" href="/">Home</a>
-        <a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded" href="/nutzwerte">Über
-            Nutzwerte</a>
-        <a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded"
-            href="/dieses-programm">Über dieses
-            Programm</a>
-        <a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded"
-            href="/impressum">Impressum</a>
+<nav class="fi-topbar mb-10">
+    <div class="fi-topbar-start">
+
+        <a href="http://nutzwerte_fi4.test/app">
+        </a>
+        <div style="height: 2.6rem;" class="fi-logo"><a href="http://nutzwerte_fi4.test/app">
+            </a><a class="flex gap-1 justify-center" href="/">
+                <div class="w-9 pt-1">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <path d="m12.99 6.74 1.93 3.44"></path>
+                        <path d="M19.136 12a10 10 0 0 1-14.271 0"></path>
+                        <path d="m21 21-2.16-3.84"></path>
+                        <path d="m3 21 8.02-14.26"></path>
+                        <circle cx="12" cy="5" r="2"></circle>
+                    </svg>
+                </div>
+                <div class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
+                    nutzwerte.at
+                    <div class="text-xs font-light">Software für Architekten</div>
+                </div>
+            </a>
+        </div>
+    </div>
+
+
+    <div x-persist="topbar.end.panel-admin" class="fi-topbar-end">
+        <x-filament::button href="/nutzwerte" tag="a" color="gray">
+            Über Nutzwerte
+        </x-filament::button>
+        <x-filament::button href="/dieses-programm" tag="a" color="gray">
+            Dieses Programm
+        </x-filament::button>
+        <x-filament::button href="/impressum" tag="a" color="gray">
+            Impressum
+        </x-filament::button>
     </div>
 </nav>