From a05880d922baa338366663824e6f693ef4236018 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Sun, 27 Nov 2022 04:48:06 +0800
Subject: [PATCH] ui: adjust

---
 components/account/AccountAvatar.vue         | 6 +++---
 components/notification/NotificationCard.vue | 8 ++++----
 components/status/StatusReplyingTo.vue       | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/account/AccountAvatar.vue b/components/account/AccountAvatar.vue
index 5cf74ad7..cb7d1ba9 100644
--- a/components/account/AccountAvatar.vue
+++ b/components/account/AccountAvatar.vue
@@ -17,9 +17,9 @@ defineOptions({
       <AccountHoverCard
         :account="account"
         absolute top-0 left-0 z-10
-        op0 pointer-events-none rotate--2 mt--100vh
-        font-normal delay-300 duration-300 transition transform invisible
-        group-hover="visible pointer-events-auto op100 rotate-0 mt-0"
+        op0 pointer-events-none mt--100vh
+        font-normal delay-300 duration-400 transition transform invisible
+        group-hover="visible pointer-events-auto op100 mt-0"
         translate="x-[calc(-1rem-1px)] y-[calc(-1rem-1px)]"
         class="ease-[cubic-bezier(0.4, 0.0, 0.2, 1)]"
         style="transform-origin: calc(1rem + 1px) calc(0.75rem + 1px);"
diff --git a/components/notification/NotificationCard.vue b/components/notification/NotificationCard.vue
index 79a8f3d2..8c4014be 100644
--- a/components/notification/NotificationCard.vue
+++ b/components/notification/NotificationCard.vue
@@ -16,7 +16,7 @@ const { notification } = defineProps<{
       </div>
       <AccountCard :account="notification.account" p3 />
     </template>
-    <template v-if="notification.type === 'follow_request'">
+    <template v-else-if="notification.type === 'follow_request'">
       <div flex ml-4 items-center>
         <div i-ri:user-follow-fill mr-3 />
         <AccountInlineInfo :account="notification.account" mr1 />
@@ -25,7 +25,7 @@ const { notification } = defineProps<{
       <!-- TODO: accept request -->
       <AccountCard :account="notification.account" p3 />
     </template>
-    <template v-if="notification.type === 'favourite'">
+    <template v-else-if="notification.type === 'favourite'">
       <div flex ml-4 items-center>
         <div i-ri:heart-fill mr-3 color-red />
         <AccountInlineInfo :account="notification.account" mr1 />
@@ -33,7 +33,7 @@ const { notification } = defineProps<{
       </div>
       <StatusCard :status="notification.status!" p3 />
     </template>
-    <template v-if="notification.type === 'reblog'">
+    <template v-else-if="notification.type === 'reblog'">
       <div flex ml-4 items-center>
         <div i-ri:repeat-fill mr-3 color-green />
         <AccountInlineInfo :account="notification.account" mr1 />
@@ -41,7 +41,7 @@ const { notification } = defineProps<{
       </div>
       <StatusCard :status="notification.status!" p3 />
     </template>
-    <template v-if="notification.type === 'mention' || notification.type === 'poll' || notification.type === 'status'">
+    <template v-else-if="notification.type === 'mention' || notification.type === 'poll'">
       <StatusCard :status="notification.status!" p3 />
     </template>
   </div>
diff --git a/components/status/StatusReplyingTo.vue b/components/status/StatusReplyingTo.vue
index 07047a34..d636b8f2 100644
--- a/components/status/StatusReplyingTo.vue
+++ b/components/status/StatusReplyingTo.vue
@@ -15,7 +15,7 @@ const account = asyncComputed(() => fetchAccount(status.inReplyToAccountId!))
     :to="getStatusInReplyToPath(status)"
     :title="account ? `Replying to ${getDisplayName(account)}` : 'Replying to someone'"
   >
-    <div i-ri:reply-fill rotate-180 text-secondary class="mr-1.5" />
+    <div i-ri:reply-fill rotate-180 text-secondary-light class="mr-1.5" />
     <AccountInlineInfo v-if="account" :account="account" :link="false" />
     <span v-else>Someone</span>
     's post