diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-03 12:41:30 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-03 12:41:30 +0900 |
| commit | c722225c805aab6bbf9ae45e96079817ca4f611e (patch) | |
| tree | f4a08956d32056c2132b33a889f4255acf51666a | |
| parent | Update CHANGELOG.md (diff) | |
| download | misskey-c722225c805aab6bbf9ae45e96079817ca4f611e.tar.gz misskey-c722225c805aab6bbf9ae45e96079817ca4f611e.tar.bz2 misskey-c722225c805aab6bbf9ae45e96079817ca4f611e.zip | |
client: tweak ui
| -rw-r--r-- | packages/client/src/pages/page.vue | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue index bcc09b0235..3a4803c3a3 100644 --- a/packages/client/src/pages/page.vue +++ b/packages/client/src/pages/page.vue @@ -1,5 +1,5 @@ <template> -<div> +<MkSpacer :content-max="700"> <transition name="fade" mode="out-in"> <div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh"> <div class="_block main"> @@ -56,7 +56,7 @@ <MkError v-else-if="error" @retry="fetch()"/> <MkLoading v-else/> </transition> -</div> +</MkSpacer> </template> <script lang="ts"> @@ -201,14 +201,7 @@ export default defineComponent({ } .xcukqgmh { - --padding: 32px; - - &.max-width_450px { - --padding: 16px; - } - > .main { - padding: var(--padding); > .header { padding: 16px; @@ -302,7 +295,7 @@ export default defineComponent({ } > .footer { - margin: var(--padding); + margin: var(--margin) 0 var(--margin) 0; font-size: 85%; opacity: 0.75; } |