feat: improve account links feedback

components/account/AccountHoverCard.vue

@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <div bg-base border="~ base" rounded w-80 z-900 overflow-hidden p-4 class="account-hover-card">
+  <div rounded w-80 z-900 overflow-hidden p-4>
     <AccountInfo :account="account" />
     <div text-sm flex flex-row text-secondary mt-4>
       <NuxtLink :to="`/${getFullHandle(account)}/`">

components/account/AccountHoverWrapper.vue

@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <VMenu placement="bottom-start">
+  <VMenu placement="bottom-start" :delay="{ show: 500, hide: 100 }">
     <slot />
     <template #popper>
       <AccountHoverCard :account="account" />

components/account/AccountInfo.vue

@@ -12,7 +12,7 @@ const { account } = defineProps<{
   <div flex gap-3>
     <AccountAvatar :account="account" w-12 h-12 />
     <div flex="~ col">
-      <ContentRich font-bold hover:underline :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
+      <ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
       <AccountHandle :account="account" text-sm />
     </div>
   </div>

components/account/AccountInlineInfo.vue

@@ -8,8 +8,12 @@ const { link = true } = defineProps<{
 </script>
 
 <template>
-  <NuxtLink :to="link ? getAccountPath(account) : undefined" min-w-0 flex gap-1 items-center>
+  <NuxtLink
+    :to="link ? getAccountPath(account) : undefined"
+    :class="link ? 'text-link-rounded' : ''"
+    min-w-0 flex gap-1 items-center
+  >
     <AccountAvatar :account="account" w-5 h-5 />
-    <ContentRich hover:underline :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
+    <ContentRich :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
   </NuxtLink>
 </template>