aboutsummaryrefslogtreecommitdiff
path: root/src/components/sticker_picker
diff options
context:
space:
mode:
authortusooa <tusooa@kazv.moe>2023-01-09 13:02:16 -0500
committertusooa <tusooa@kazv.moe>2023-01-09 13:02:16 -0500
commit7dc22774532872fc99aa7768cf299ab623e9d155 (patch)
tree8f8f3607f281968e28e38664ae3523697014c310 /src/components/sticker_picker
parent38961bc167f3fedcd6c3eb61f92d9134f9b5cbdf (diff)
Use stylelint
Diffstat (limited to 'src/components/sticker_picker')
-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));
}