fix(client): Fix style

This commit is contained in:
syuilo 2020-07-12 16:05:00 +09:00
parent a4daa0b701
commit 3226bf1255

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="mk-messaging"> <div class="mk-messaging" v-size="[{ max: 400 }]">
<portal to="icon"><fa :icon="faComments"/></portal> <portal to="icon"><fa :icon="faComments"/></portal>
<portal to="title">{{ $t('messaging') }}</portal> <portal to="title">{{ $t('messaging') }}</portal>
@ -168,18 +168,14 @@ export default Vue.extend({
.mk-messaging { .mk-messaging {
> .start { > .start {
margin: 0 auto 16px auto; margin: 0 auto var(--margin) auto;
} }
> .history { > .history {
> .message { > .message {
display: block; display: block;
text-decoration: none; text-decoration: none;
margin-bottom: 16px; margin-bottom: var(--margin);
@media (max-width: 500px) {
margin-bottom: 8px;
}
* { * {
pointer-events: none; pointer-events: none;
@ -284,7 +280,7 @@ export default Vue.extend({
} }
} }
@media (max-width: 400px) { &.max-width_400px {
> .history { > .history {
> .message { > .message {
&:not([data-is-me]):not([data-is-read]) { &:not([data-is-me]):not([data-is-read]) {