From 5d1946465b4519868fc5a839baea8046fda1bb85 Mon Sep 17 00:00:00 2001 From: nullnyat Date: Mon, 7 Feb 2022 16:56:34 +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=E3=81=AE=E3=81=A8=E3=81=93=E3=81=AEUI=E5=A4=89?= =?UTF-8?q?=E3=81=88=E3=81=A6=E3=81=BF=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/reactions-viewer.reaction.vue | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/packages/client/src/components/reactions-viewer.reaction.vue b/packages/client/src/components/reactions-viewer.reaction.vue index 7dc079fde..bab6d9ac5 100644 --- a/packages/client/src/components/reactions-viewer.reaction.vue +++ b/packages/client/src/components/reactions-viewer.reaction.vue @@ -121,12 +121,15 @@ export default defineComponent({ margin: 2px; padding: 0 6px; border-radius: 4px; + box-shadow: 0px 0px 4px 2px var(--bg) inset; + background-color: var(--accent); &.canToggle { - background: rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 4px 0px var(--accent) inset; + background-color: var(--bg); &:hover { - background: rgba(0, 0, 0, 0.1); + background: var(--bg); } } @@ -137,6 +140,11 @@ export default defineComponent({ &.reacted { background: var(--accent); + &.canToggle { + box-shadow: 0px 0px 4px 0px var(--accent) inset; + background-color: var(--bg); + } + &:hover { background: var(--accent); }