From 34aef0a55f189ae5d1cb8336ac84f1452586145f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?t=C9=99=C9=99na=2Evu=C9=99?=
 <76698025+neo-franklin-tina@users.noreply.github.com>
Date: Thu, 12 Jan 2023 03:40:49 -0600
Subject: [PATCH] feat: update hover color and bg for action more button (#983)

---
 components/common/CommonAlert.vue       | 2 +-
 components/status/StatusActionsMore.vue | 6 +++---
 unocss.config.ts                        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/common/CommonAlert.vue b/components/common/CommonAlert.vue
index f784ce87..c3856bab 100644
--- a/components/common/CommonAlert.vue
+++ b/components/common/CommonAlert.vue
@@ -20,7 +20,7 @@ function close() {
     <div>
       <slot />
     </div>
-    <button text-xl hover:text-primary bg-hover-overflow w="1.4em" h="1.4em" @click="close()">
+    <button text-xl hover:text-primary bg-hover-overflow w="1.2em" h="1.2em" @click="close()">
       <div i-ri:close-line />
     </button>
   </div>
diff --git a/components/status/StatusActionsMore.vue b/components/status/StatusActionsMore.vue
index 8365ac5f..bf4fd412 100644
--- a/components/status/StatusActionsMore.vue
+++ b/components/status/StatusActionsMore.vue
@@ -121,9 +121,9 @@ const showFavoritedAndBoostedBy = () => {
   <CommonDropdown flex-none ms3 placement="bottom" :eager-mount="command">
     <StatusActionButton
       :content="$t('action.more')"
-      color="text-purple"
-      hover="text-purple"
-      group-hover="bg-purple/10"
+      color="text-primary"
+      hover="text-primary"
+      group-hover="bg-primary-light"
       icon="i-ri:more-line"
       my--2
     />
diff --git a/unocss.config.ts b/unocss.config.ts
index f2774999..9eb35f21 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -57,7 +57,7 @@ export default defineConfig({
       'flex-center': 'items-center justify-center',
       'flex-v-center': 'items-center',
       'flex-h-center': 'justify-center',
-      'bg-hover-overflow': 'relative z-0 transition-colors duration-250 after-content-empty after:(absolute inset--2px bg-transparent rounded-lg z--1 transition-colors duration-250) hover:after:(bg-active)',
+      'bg-hover-overflow': 'relative z-0 transition-colors duration-250 after-content-empty after:(absolute inset--4px bg-transparent rounded-full z--1 transition-colors duration-250) hover:after:(bg-active)',
 
       'timeline-title-style': 'text-primary text-lg font-bold',
     },