diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-07-12 16:05:00 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-07-12 16:05:00 +0900 |
| commit | eb84445796039b93d124fa615e96c08fedcd9bf9 (patch) | |
| tree | 674300d3f0016a3c97bf73c52d6a3b6dc2f251f6 /src | |
| parent | fix(server): Fix #6533 (diff) | |
| download | sharkey-eb84445796039b93d124fa615e96c08fedcd9bf9.tar.gz sharkey-eb84445796039b93d124fa615e96c08fedcd9bf9.tar.bz2 sharkey-eb84445796039b93d124fa615e96c08fedcd9bf9.zip | |
fix(client): Fix style
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/pages/messaging/index.vue | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/src/client/pages/messaging/index.vue b/src/client/pages/messaging/index.vue index 7ee782c4a9..f8e3e0db67 100644 --- a/src/client/pages/messaging/index.vue +++ b/src/client/pages/messaging/index.vue @@ -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]) { |