From 84cdea945fa92d3a74f1d526ead6a8b7a8853e29 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 29 Nov 2022 04:42:17 +0800
Subject: [PATCH] ui: improve

---
 components/account/AccountHoverCard.vue  | 2 +-
 components/account/AccountInlineInfo.vue | 2 +-
 components/common/CommonTabs.vue         | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/account/AccountHoverCard.vue b/components/account/AccountHoverCard.vue
index 2aeab081..349e30ed 100644
--- a/components/account/AccountHoverCard.vue
+++ b/components/account/AccountHoverCard.vue
@@ -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" />
diff --git a/components/account/AccountInlineInfo.vue b/components/account/AccountInlineInfo.vue
index 1cfecb5d..6e6ea3db 100644
--- a/components/account/AccountInlineInfo.vue
+++ b/components/account/AccountInlineInfo.vue
@@ -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 />
diff --git a/components/common/CommonTabs.vue b/components/common/CommonTabs.vue
index 8af14a3d..80f56e2b 100644
--- a/components/common/CommonTabs.vue
+++ b/components/common/CommonTabs.vue
@@ -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>