From d71f5b6420d35508cfafc12d0fbf824252a3ae1a Mon Sep 17 00:00:00 2001
From: Shinigami <chrissi92@hotmail.de>
Date: Fri, 25 Nov 2022 14:21:42 +0100
Subject: [PATCH] ui: add hover indicator for post elements (#89)

---
 components/account/AccountInfo.vue         | 2 +-
 components/account/AccountInlineInfo.vue   | 2 +-
 components/status/StatusAccountDetails.vue | 2 +-
 components/status/StatusCard.vue           | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index 1d2fa57f..27963cf9 100644
--- a/components/account/AccountInfo.vue
+++ b/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>
diff --git a/components/account/AccountInlineInfo.vue b/components/account/AccountInlineInfo.vue
index 02bd90f3..bcaa59ba 100644
--- a/components/account/AccountInlineInfo.vue
+++ b/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>
diff --git a/components/status/StatusAccountDetails.vue b/components/status/StatusAccountDetails.vue
index d89a3af4..fc54d6a3 100644
--- a/components/status/StatusAccountDetails.vue
+++ b/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>
diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index 5d049b21..7426a6e8 100644
--- a/components/status/StatusCard.vue
+++ b/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>