From be52b087e0af5c93bb3545b4f3a2e13e79ce9187 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 3 Dec 2021 12:41:30 +0900
Subject: [PATCH] client: tweak ui
---
packages/client/src/pages/page.vue | 13 +++----------
1 file changed, 3 insertions(+), 10 deletions(-)
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index bcc09b023..3a4803c3a 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;
}