konto wip

resources/views/layouts/nav.blade.php

@@ -1,5 +1,5 @@
- <nav class="fixed top-0 right-0 left-0 z-20">
-     <div class=" grid grid-cols-2 max-w-5xl mx-auto bg-white p-4 rounded-b-2xl">
+ <nav class="fixed top-0 right-0 left-0 z-20  bg-white/80 dark:bg-black/80">
+     <div class=" grid grid-cols-2 max-w-5xl mx-auto py-4">
          <div class="fi-logo flex gap-1">
              <div class="w-9 pt-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
@@ -18,19 +18,19 @@
          </div>
 
 
-         <div class="grid grid-flow-col gap-3">
-             <x-filament::button href="/" tag="a" size="xs">
+         <div class="grid grid-flow-col">
+             <x-filament::link href="/" color="gray" icon="heroicon-m-home">
                  Home
-             </x-filament::button>
-             <x-filament::button href="/nutzwerte" tag="a" size="xs">
+             </x-filament::link>
+             <x-filament::link href="/nutzwerte" color="gray" icon="heroicon-m-building-office-2">
                  Nutzwerte
-             </x-filament::button>
-             <x-filament::button href="/dieses-programm" tag="a" size="xs">
+             </x-filament::link>
+             <x-filament::link href="/dieses-programm" color="gray" icon="heroicon-m-calculator">
                  Programm
-             </x-filament::button>
-             <x-filament::button href="/impressum" tag="a" size="xs">
+             </x-filament::link>
+             <x-filament::link href="/impressum" color="gray" icon="heroicon-m-calendar-date-range">
                  Impressum
-             </x-filament::button>
+             </x-filament::link>
          </div>
      </div>
  </nav>