Navigation styling

aerni · May 8, 2024 · 12dba00 · 12dba00
1 parent 37d7b1e
commit 12dba00
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/resources/views/default/layouts/navigation.blade.php b/resources/views/default/layouts/navigation.blade.php
@@ -3,17 +3,18 @@
         <li
             x-show="showStep('{{ $step->handle() }}')"
             wire:key="{{ $step->id() }}"
-            class="whitespace-nowrap flex items-center gap-x-3
-                @if($step->hasErrors())
-                    text-red-600
-                @else
-                    {{ $step->isCurrent() ? 'text-indigo-600' : 'text-gray-400' }}
-                @endif
-            "
+            class="flex items-center whitespace-nowrap gap-x-3"
         >
             <button
                 type="button"
-                class="flex items-center"
+                class="
+                    inline-flex transition-all focus:outline-none focus:rounded focus:ring-2 focus:ring-indigo-500
+                    @if($step->hasErrors())
+                        text-red-600
+                    @else
+                        {{ $step->isCurrent() ? 'text-indigo-600' : 'text-gray-400 hover:text-indigo-400' }}
+                    @endif
+                "
                 @if($this->canNavigateToStep($step->number()))
                     wire:click="{{ $step->show() }}"
                 @else