chore: ux for toggle tabs (#242)

This commit is contained in:
webfansplz 2022-11-30 11:01:36 +08:00 committed by GitHub
parent 9c83e8bbb6
commit 568a333d7c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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>