sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

リアクションのとこのUI変えてみた

Browse Source
This commit is contained in:
nullnyat 2022-02-07 16:56:34 +09:00
parent 839dbd98da
commit 5d1946465b
No known key found for this signature in database
GPG Key ID: 5EDC2816C3AE007A
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/client/src/components/reactions-viewer.reaction.vue
View File

@ -121,12 +121,15 @@ export default defineComponent({
margin: 2px; margin: 2px;
padding: 0 6px; padding: 0 6px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 0px 4px 2px var(--bg) inset;
background-color: var(--accent);
&.canToggle { &.canToggle {
background: rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px var(--accent) inset;
background-color: var(--bg);
&:hover { &:hover {
background: rgba(0, 0, 0, 0.1); background: var(--bg);
} }
} }
@ -137,6 +140,11 @@ export default defineComponent({
&.reacted { &.reacted {
background: var(--accent); background: var(--accent);
&.canToggle {
box-shadow: 0px 0px 4px 0px var(--accent) inset;
background-color: var(--bg);
}
&:hover { &:hover {
background: var(--accent); background: var(--accent);
} }