client: tweak ui

This commit is contained in:
syuilo 2021-12-03 12:41:30 +09:00
parent a46ff3eeae
commit be52b087e0

View File

@ -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;
}