This commit is contained in:
syuilo 2021-05-04 21:27:36 +09:00
parent 35cf05d6ca
commit 94ac0a7797

View file

@ -1,5 +1,5 @@
<template> <template>
<div class="yohlumlk"> <div class="yohlumlk" v-size="{ min: [350, 500] }">
<MkAvatar class="avatar" :user="note.user"/> <MkAvatar class="avatar" :user="note.user"/>
<div class="main"> <div class="main">
<XNoteHeader class="header" :note="note" :mini="true"/> <XNoteHeader class="header" :note="note" :mini="true"/>
@ -50,18 +50,19 @@ export default defineComponent({
display: flex; display: flex;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: clip;
font-size: 0.95em; font-size: 0.95em;
&.min-width_350px {
> .avatar { > .avatar {
@media (min-width: 350px) {
margin: 0 10px 0 0; margin: 0 10px 0 0;
width: 44px; width: 44px;
height: 44px; height: 44px;
} }
}
@media (min-width: 500px) { &.min-width_500px {
> .avatar {
margin: 0 12px 0 0; margin: 0 12px 0 0;
width: 48px; width: 48px;
height: 48px; height: 48px;