fix: light mode style fixes

This commit is contained in:
DecDuck
2025-11-22 11:44:32 +11:00
parent 1e7ed34a60
commit c0b69048cf

View File

@ -2,7 +2,7 @@
<div class="flex flex-col">
<!-- tabs-->
<div>
<div class="border-b border-gray-200 dark:border-white/10">
<div class="border-b border-white/10">
<nav class="-mb-px flex gap-x-2" aria-label="Tabs">
<NuxtLink
v-for="(tab, tabIdx) in navigation"
@ -10,8 +10,8 @@
:href="tab.route"
:class="[
currentNavigationIndex == tabIdx
? 'border-blue-500 text-blue-600 dark:border-blue-400 dark:text-blue-400'
: 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:border-white/20 dark:hover:text-gray-300',
? 'border-blue-400 text-blue-400'
: 'border-transparent text-gray-400 hover:border-white/20 hover:text-gray-300',
'group inline-flex items-center border-b-2 px-1 py-4 text-sm font-medium',
]"
:aria-current="tab ? 'page' : undefined"
@ -20,8 +20,8 @@
:is="tab.icon"
:class="[
currentNavigationIndex == tabIdx
? 'text-blue-500 dark:text-blue-400'
: 'text-gray-400 group-hover:text-gray-500 dark:text-gray-500 dark:group-hover:text-gray-400',
? 'text-blue-400'
: 'text-gray-500 group-hover:text-gray-400',
'mr-2 -ml-0.5 size-5',
]"
aria-hidden="true"