Add hover/focus to non-active tabs

This commit is contained in:
Ben
2023-05-06 13:13:54 +01:00
committed by GitHub
parent b90fec939d
commit 7d979da2e9
@@ -64,7 +64,7 @@
x-bind:tabindex="tab === '{{ $tab->getId() }}' ? 0 : -1"
class="filament-forms-tabs-component-button flex items-center gap-2 shrink-0 p-3 text-sm font-medium"
x-bind:class="{
'text-gray-500 @if (config('forms.dark_mode')) dark:text-gray-400 @endif': tab !== '{{ $tab->getId() }}',
'text-gray-500 hover:text-gray-800 focus:text-primary-600 @if (config('forms.dark_mode')) dark:text-gray-400 dark:hover:text-gray-300 dark:focus:text-primary-400 @endif': tab !== '{{ $tab->getId() }}',
'filament-forms-tabs-component-button-active bg-white text-primary-600 @if (config('forms.dark_mode')) dark:bg-gray-800 @endif': tab === '{{ $tab->getId() }}',
}"
>