fix(client): Fix style

This commit is contained in:
syuilo 2020-07-12 16:05:00 +09:00
parent 364bd9ae74
commit eb84445796

View file

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