mirror of
https://github.com/kokonect-link/cherrypick
synced 2024-12-11 21:29:08 +09:00
fix(client): Fix style
This commit is contained in:
parent
364bd9ae74
commit
eb84445796
@ -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]) {
|
||||||
|
Loading…
Reference in New Issue
Block a user