From 477163cb84ce3006c493e2bce2a85a745478be7c Mon Sep 17 00:00:00 2001
From: nullnyat <nullnyat@outlook.com>
Date: Sat, 19 Feb 2022 05:40:01 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=AA=E3=82=A2=E3=82=AF=E3=82=B7=E3=83=A7?=
 =?UTF-8?q?=E3=83=B3+?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/reactions-viewer.reaction.vue       | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/components/reactions-viewer.reaction.vue b/packages/client/src/components/reactions-viewer.reaction.vue
index 7dc079fde..7589e75e5 100644
--- a/packages/client/src/components/reactions-viewer.reaction.vue
+++ b/packages/client/src/components/reactions-viewer.reaction.vue
@@ -117,10 +117,10 @@ export default defineComponent({
 <style lang="scss" scoped>
 .hkzvhatu {
 	display: inline-block;
-	height: 32px;
 	margin: 2px;
-	padding: 0 6px;
+	padding: 4px;
 	border-radius: 4px;
+	line-height: 0;
 
 	&.canToggle {
 		background: rgba(0, 0, 0, 0.05);
@@ -135,10 +135,11 @@ export default defineComponent({
 	}
 
 	&.reacted {
-		background: var(--accent);
+		border: solid rgb(10 173 255 / 50%);
+		background: rgb(3 169 244 / 25%);
 
 		&:hover {
-			background: var(--accent);
+			border-color: rgb(10 173 255 / 100%);
 		}
 
 		> span {
@@ -148,7 +149,6 @@ export default defineComponent({
 
 	> span {
 		font-size: 0.9em;
-		line-height: 32px;
 		margin: 0 0 0 4px;
 	}
 }