itepechi/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Releases 1 Activity

Make emoji dimensions consistent

Browse source
This commit is contained in:
itepechi 2023-09-07 06:28:00 +09:00
parent 792644344c
commit ac3598116f
2 changed files with 3 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/basic_user_card/basic_user_card.vue
View file

@ -61,12 +61,7 @@
} }
&-user-name { &-user-name {
img { --emoji-size: 1em;
object-fit: contain;
height: 16px;
width: 16px;
vertical-align: middle;
}
} }
&-user-name-value { &-user-name-value {

15
src/components/status/status.scss
View file

@ -94,7 +94,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
--_still_image-label-scale: 0.25; --_still_image-label-scale: 0.25;
--emoji-size: 14px; --emoji-size: 1em;
} }
.status-favicon { .status-favicon {
@ -107,7 +107,7 @@
margin-bottom: 0.5em; margin-bottom: 0.5em;
.emoji { .emoji {
--emoji-size: 16px; --emoji-size: 1em;
} }
} }
@ -136,10 +136,6 @@
min-width: 0; min-width: 0;
flex-wrap: wrap; flex-wrap: wrap;
img {
aspect-ratio: 1 / 1;
}
.nowrap { .nowrap {
display: flex; display: flex;
align-items: end; align-items: end;
@ -280,13 +276,6 @@
.repeater-name { .repeater-name {
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 0; margin-right: 0;
.emoji {
width: 14px;
height: 14px;
vertical-align: middle;
object-fit: contain;
}
} }
.status-fadein { .status-fadein {