ui: add hover indicator for post elements (#89)

components/account/AccountInfo.vue

@@ -19,7 +19,7 @@ const accountHandle = $(useAccountHandle(account, fullServer))
       </NuxtLink>
     </div>
     <NuxtLink flex flex-col :to="link ? getAccountPath(account) : null">
-      <ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
+      <ContentRichSetup font-bold hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
       <p op35 text-sm>
         {{ accountHandle }}
       </p>

components/account/AccountInlineInfo.vue

@@ -10,6 +10,6 @@ const { link = true } = defineProps<{
 <template>
   <NuxtLink :to="link ? getAccountPath(account) : undefined" min-w-0 flex gap-1 items-center>
     <AccountAvatar :account="account" w-5 h-5 hover />
-    <ContentRichSetup :content="getDisplayName(account)" :emojis="account.emojis" />
+    <ContentRichSetup hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
   </NuxtLink>
 </template>

components/status/StatusAccountDetails.vue

@@ -14,7 +14,7 @@ const accountHandle = $(useAccountHandle(account))
     :to="link ? getAccountPath(account) : undefined"
     flex="~ col" min-w-0 md:flex="~ row gap-2" md:items-center
   >
-    <ContentRichSetup font-bold break-words :content="getDisplayName(account)" :emojis="account.emojis" />
+    <ContentRichSetup font-bold break-words hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
     <p op35 text-sm>
       {{ accountHandle }}
     </p>

components/status/StatusCard.vue

@@ -83,7 +83,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
           <StatusAccountDetails :account="status.account" />
           <div flex-auto />
           <CommonTooltip :content="createdAt">
-            <div text-sm op50 :title="status.createdAt">
+            <div text-sm op50 hover:underline :title="status.createdAt">
               {{ timeago }}
             </div>
           </CommonTooltip>