client: tweak ui

This commit is contained in:
syuilo 2021-12-03 12:41:30 +09:00
parent 584ceb3714
commit c722225c80
1 changed files with 3 additions and 10 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div> <MkSpacer :content-max="700">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh"> <div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh">
<div class="_block main"> <div class="_block main">
@ -56,7 +56,7 @@
<MkError v-else-if="error" @retry="fetch()"/> <MkError v-else-if="error" @retry="fetch()"/>
<MkLoading v-else/> <MkLoading v-else/>
</transition> </transition>
</div> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -201,14 +201,7 @@ export default defineComponent({
} }
.xcukqgmh { .xcukqgmh {
--padding: 32px;
&.max-width_450px {
--padding: 16px;
}
> .main { > .main {
padding: var(--padding);
> .header { > .header {
padding: 16px; padding: 16px;
@ -302,7 +295,7 @@ export default defineComponent({
} }
> .footer { > .footer {
margin: var(--padding); margin: var(--margin) 0 var(--margin) 0;
font-size: 85%; font-size: 85%;
opacity: 0.75; opacity: 0.75;
} }