summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/SkNoteSimple.vue
diff options
context:
space:
mode:
authorShittyKopper <shittykopper@w.on-t.work>2024-02-02 14:14:04 +0300
committerShittyKopper <shittykopper@w.on-t.work>2024-02-04 15:21:57 +0300
commit7461332d0f61a96405c1bb62ef2c72f928642eea (patch)
treedb971641af129943b0caee01f26ce7076617e53e /packages/frontend/src/components/SkNoteSimple.vue
parentupd: make note footer wider on smaller screens (diff)
downloadsharkey-7461332d0f61a96405c1bb62ef2c72f928642eea.tar.gz
sharkey-7461332d0f61a96405c1bb62ef2c72f928642eea.tar.bz2
sharkey-7461332d0f61a96405c1bb62ef2c72f928642eea.zip
upd: add hover effect to quote posts
Diffstat (limited to 'packages/frontend/src/components/SkNoteSimple.vue')
-rw-r--r--packages/frontend/src/components/SkNoteSimple.vue5
1 files changed, 5 insertions, 0 deletions
diff --git a/packages/frontend/src/components/SkNoteSimple.vue b/packages/frontend/src/components/SkNoteSimple.vue
index fe12baedeb..1eb685dbb5 100644
--- a/packages/frontend/src/components/SkNoteSimple.vue
+++ b/packages/frontend/src/components/SkNoteSimple.vue
@@ -48,6 +48,11 @@ watch(() => props.expandAllCws, (expandAllCws) => {
margin: 0;
padding: 0;
font-size: 0.95em;
+
+ &:hover, &:focus-within {
+ background: var(--panelHighlight);
+ transition: background .2s;
+ }
}
.avatar {