AkkomaGang/akkoma-fe
5
13
Fork 64
Code Issues 82 Pull requests 20 Projects Releases 1 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 {
width: 100%;
position: relative;
.contents {
min-height: 250px;
.sticker-picker-content {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
.sticker {
display: inline-block;
width: 20%;
height: 20%;
display: flex;
flex: 1 1 auto;
margin: 4px;
width: 56px;
height: 56px;
img {
width: 100%;
height: 100%;
&:hover {
filter: drop-shadow(0 0 5px var(--link, $fallback--link));
}