mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-09 03:53:08 +02:00
🎨
This commit is contained in:
parent
35cf05d6ca
commit
94ac0a7797
1 changed files with 7 additions and 6 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue