client: tweak ui
This commit is contained in:
parent
584ceb3714
commit
c722225c80
1 changed files with 3 additions and 10 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue