aboutsummaryrefslogtreecommitdiff
path: root/src/components/sticker_picker/sticker_picker.vue
diff options
context:
space:
mode:
authortusooa <tusooa@kazv.moe>2023-01-15 17:02:24 +0000
committertusooa <tusooa@kazv.moe>2023-01-15 17:02:24 +0000
commitdc897a5fef9ed10e23bee9b36ee719c31996f7a5 (patch)
tree1dad722edc84b5ba1759a13e1944167c5ffcf7c3 /src/components/sticker_picker/sticker_picker.vue
parent4d2056d8aaa8f2c20a3275503857d38ac9112e5f (diff)
parentd2ba67d565ba68acc1938dc9ae2c866a6e39d4d6 (diff)
Merge branch 'tusooa/stylelint' into 'develop'
Use stylelint Closes #1173 and #857 See merge request pleroma/pleroma-fe!1752
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));
}