Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navlist item translates a bit if current due to missing border width #308

Open
dimitri-koenig opened this issue Oct 4, 2024 · 0 comments

Comments

@dimitri-koenig
Copy link

Hi there

The navlist item button moves if it is current due to the border having a width only if it is current.

The solution is to set a transparent border with with and only change the color if it is current.

+++ b/vendor/livewire/flux-pro/stubs/resources/views/flux/navlist/item.blade.php
@@ -19,7 +19,7 @@
 $classes = Flux::classes()
     ->add('h-10 lg:h-8 relative flex items-center gap-3 rounded-lg')
     ->add($square ? '!px-2.5' : '')
-    ->add('py-0 text-left w-full px-3 my-px border-zinc-200')
+    ->add('py-0 text-left w-full px-3 my-px border border-transparent')
     ->add('text-zinc-500 dark:text-white/80 hover:text-zinc-800 hover:dark:text-white')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant