eris/pleroma-fe
1
1
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

use flex for stickers

Browse source
This commit is contained in:
Absturztaube 2019-12-15 17:58:37 +01:00
parent 7e3a4fa8ec
commit 32d7a49b9d
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/sticker_picker/sticker_picker.vue
View file

@ -36,16 +36,20 @@
.sticker-picker { .sticker-picker {
width: 100%; width: 100%;
position: relative;
.contents { .contents {
min-height: 250px; min-height: 250px;
.sticker-picker-content { .sticker-picker-content {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
.sticker { .sticker {
display: inline-block; display: flex;
width: 20%; flex: 1 1 auto;
height: 20%; margin: 4px;
width: 56px;
height: 56px;
img { img {
width: 100%; height: 100%;
&:hover { &:hover {
filter: drop-shadow(0 0 5px var(--link, $fallback--link)); filter: drop-shadow(0 0 5px var(--link, $fallback--link));
} }