ui: improve

This commit is contained in:
Anthony Fu 2022-11-29 04:42:17 +08:00
parent fd55abea03
commit 84cdea945f
3 changed files with 4 additions and 4 deletions

View file

@ -7,7 +7,7 @@ defineProps<{
</script>
<template>
<div flex="~ col gap2" rounded w-100 z-900 overflow-hidden p-4>
<div flex="~ col gap2" rounded min-w-90 max-w-120 z-100 overflow-hidden p-4>
<div flex="~ gap2" items-center>
<NuxtLink :to="getAccountPath(account)" flex-auto rounded-full hover:bg-active transition-100 pr5 mr-a>
<AccountInfo :account="account" />

View file

@ -11,7 +11,7 @@ const { link = true } = defineProps<{
<AccountHoverWrapper :account="account">
<NuxtLink
:to="link ? getAccountPath(account) : undefined"
:class="link ? 'text-link-rounded' : ''"
:class="link ? 'text-link-rounded ml-0 pl-0' : ''"
min-w-0 flex gap-1 items-center
>
<AccountAvatar :account="account" w-5 h-5 />

View file

@ -24,13 +24,13 @@ function toValidName(otpion: string) {
display="none"
@change="modelValue = option"
><label
flex flex-auto cursor-pointer p3 m1 rounded transition-all
flex flex-auto cursor-pointer px3 m1 rounded transition-all
:for="`tab-${toValidName(option)}`"
tabindex="1"
hover:bg-active transition-100
@keypress.enter="modelValue = option"
><span
mxa px2 text-center
mxa px4 py3 text-center
:class="modelValue === option ? 'font-bold border-b-3 border-primary' : 'op50 hover:op50'"
>{{ option }}</span>
</label>