chore: ux for toggle tabs (#242)
parent
9c83e8bbb6
commit
568a333d7c
|
@ -55,8 +55,8 @@ useCommands(() => command
|
||||||
hover:bg-active transition-100
|
hover:bg-active transition-100
|
||||||
@keypress.enter="modelValue = option.name"
|
@keypress.enter="modelValue = option.name"
|
||||||
><span
|
><span
|
||||||
mxa px4 py3 text-center
|
mxa px4 py3 text-center border-b-3
|
||||||
:class="modelValue === option.name ? 'font-bold border-b-3 border-primary' : 'op50 hover:op50'"
|
:class="modelValue === option.name ? 'font-bold border-primary' : 'op50 hover:op50 border-transparent'"
|
||||||
>{{ option.display }}</span>
|
>{{ option.display }}</span>
|
||||||
</label>
|
</label>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue