aboutsummaryrefslogtreecommitdiff
path: root/src/components/sticker_picker/sticker_picker.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2023-10-29 16:26:05 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2023-10-29 16:26:05 +0000
commitb6accf9e7f7ef5f23cbf8bac57e54cefa0db4620 (patch)
tree91d6db4e663dfa8f94991032220fd415a5612d17 /src/components/sticker_picker/sticker_picker.vue
parent321a131c20d83b0a7061c2b4600c4d77dec5b7fe (diff)
parentf685f9021bfaff71616efd8e83d114441e69701b (diff)
Merge branch 'develop' into 'master'
Update master branch See merge request pleroma/pleroma-fe!1861
Diffstat (limited to 'src/components/sticker_picker/sticker_picker.vue')
-rw-r--r--src/components/sticker_picker/sticker_picker.vue7
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/sticker_picker/sticker_picker.vue b/src/components/sticker_picker/sticker_picker.vue
index dc449ccb..904853c0 100644
--- a/src/components/sticker_picker/sticker_picker.vue
+++ b/src/components/sticker_picker/sticker_picker.vue
@@ -32,24 +32,29 @@
<script src="./sticker_picker.js"></script>
<style lang="scss">
-@import '../../_variables.scss';
+@import "../../variables";
.sticker-picker {
width: 100%;
+
.contents {
min-height: 250px;
+
.sticker-picker-content {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
+
.sticker {
display: flex;
flex: 1 1 auto;
margin: 4px;
width: 56px;
height: 56px;
+
img {
height: 100%;
+
&:hover {
filter: drop-shadow(0 0 5px var(--accent, $fallback--link));
}