diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-19 06:41:30 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-19 06:41:30 +0900 |
| commit | 517b0908dae44adbf56aefc01fa2afe75c0caa41 (patch) | |
| tree | 9f9ca4994d6a42831c132da5b4482c99c6d0563a /src | |
| parent | Fix #5984 (diff) | |
| download | sharkey-517b0908dae44adbf56aefc01fa2afe75c0caa41.tar.gz sharkey-517b0908dae44adbf56aefc01fa2afe75c0caa41.tar.bz2 sharkey-517b0908dae44adbf56aefc01fa2afe75c0caa41.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/notification.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/client/components/notification.vue b/src/client/components/notification.vue index 7572b75fe9..efbd07438a 100644 --- a/src/client/components/notification.vue +++ b/src/client/components/notification.vue @@ -1,5 +1,5 @@ <template> -<div class="mk-notification" :class="notification.type"> +<div class="mk-notification" :class="notification.type" v-size="[{ max: 500 }, { max: 600 }]"> <div class="head"> <mk-avatar class="avatar" :user="notification.user"/> <div class="icon" :class="notification.type"> @@ -113,12 +113,17 @@ export default Vue.extend({ .mk-notification { position: relative; box-sizing: border-box; - padding: 16px; + padding: 28px 32px; font-size: 0.9em; overflow-wrap: break-word; display: flex; - @media (max-width: 500px) { + &.max-width_600px { + padding: 16px; + font-size: 0.9em; + } + + &.max-width_500px { padding: 12px; font-size: 0.8em; } |