fix(client): tweak style

This commit is contained in:
syuilo 2021-12-04 18:27:31 +09:00
parent 142c127e2e
commit 30b8b03cbd
4 changed files with 34 additions and 29 deletions

View file

@ -24,7 +24,7 @@
</FormSection> </FormSection>
<FormSection> <FormSection>
<div class="_inputSplit"> <div class="_inputSplit _formBlock">
<MkKeyValue class="_formBlock"> <MkKeyValue class="_formBlock">
<template #key>{{ $ts.administrator }}</template> <template #key>{{ $ts.administrator }}</template>
<template #value>{{ $instance.maintainerName }}</template> <template #value>{{ $instance.maintainerName }}</template>
@ -34,10 +34,9 @@
<template #value>{{ $instance.maintainerEmail }}</template> <template #value>{{ $instance.maintainerEmail }}</template>
</MkKeyValue> </MkKeyValue>
</div> </div>
<FormLink v-if="$instance.tosUrl" :to="$instance.tosUrl" class="_formBlock" external>{{ $ts.tos }}</FormLink>
</FormSection> </FormSection>
<FormLink v-if="$instance.tosUrl" :to="$instance.tosUrl" external>{{ $ts.tos }}</FormLink>
<FormSuspense :p="initStats"> <FormSuspense :p="initStats">
<FormSection> <FormSection>
<template #label>{{ $ts.statistics }}</template> <template #label>{{ $ts.statistics }}</template>

View file

@ -1,26 +1,28 @@
<template> <template>
<div class="_root"> <MkSpacer :content-max="700">
<div class="_block" style="padding: 24px;"> <div class="_formRoot">
<MkInput v-model="endpoint" :datalist="endpoints" class="" @update:modelValue="onEndpointChange()"> <div class="_formBlock">
<template #label>Endpoint</template> <MkInput v-model="endpoint" :datalist="endpoints" class="_formBlock" @update:modelValue="onEndpointChange()">
</MkInput> <template #label>Endpoint</template>
<MkTextarea v-model="body" code> </MkInput>
<template #label>Params (JSON or JSON5)</template> <MkTextarea v-model="body" class="_formBlock" code>
</MkTextarea> <template #label>Params (JSON or JSON5)</template>
<MkSwitch v-model="withCredential"> </MkTextarea>
With credential <MkSwitch v-model="withCredential" class="_formBlock">
</MkSwitch> With credential
<MkButton primary full :disabled="sending" @click="send"> </MkSwitch>
<template v-if="sending"><MkEllipsis/></template> <MkButton class="_formBlock" primary :disabled="sending" @click="send">
<template v-else><i class="fas fa-paper-plane"></i> Send</template> <template v-if="sending"><MkEllipsis/></template>
</MkButton> <template v-else><i class="fas fa-paper-plane"></i> Send</template>
</MkButton>
</div>
<div v-if="res" class="_formBlock">
<MkTextarea v-model="res" code readonly tall>
<template #label>Response</template>
</MkTextarea>
</div>
</div> </div>
<div v-if="res" class="_block" style="padding: 24px;"> </MkSpacer>
<MkTextarea v-model="res" code readonly tall>
<template #label>Response</template>
</MkTextarea>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

View file

@ -1,6 +1,6 @@
<template> <template>
<div> <MkSpacer :content-max="700">
<div class="jqqmcavi" style="margin: 16px;"> <div class="jqqmcavi">
<MkButton v-if="pageId" class="button" inline link :to="`/@${ author.username }/pages/${ currentName }`"><i class="fas fa-external-link-square-alt"></i> {{ $ts._pages.viewPage }}</MkButton> <MkButton v-if="pageId" class="button" inline link :to="`/@${ author.username }/pages/${ currentName }`"><i class="fas fa-external-link-square-alt"></i> {{ $ts._pages.viewPage }}</MkButton>
<MkButton v-if="!readonly" inline primary class="button" @click="save"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton> <MkButton v-if="!readonly" inline primary class="button" @click="save"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton>
<MkButton v-if="pageId" inline class="button" @click="duplicate"><i class="fas fa-copy"></i> {{ $ts.duplicate }}</MkButton> <MkButton v-if="pageId" inline class="button" @click="duplicate"><i class="fas fa-copy"></i> {{ $ts.duplicate }}</MkButton>
@ -8,7 +8,7 @@
</div> </div>
<div v-if="tab === 'settings'"> <div v-if="tab === 'settings'">
<div style="padding: 16px;" class="_formRoot"> <div class="_formRoot">
<MkInput v-model="title" class="_formBlock"> <MkInput v-model="title" class="_formBlock">
<template #label>{{ $ts._pages.title }}</template> <template #label>{{ $ts._pages.title }}</template>
</MkInput> </MkInput>
@ -43,7 +43,7 @@
</div> </div>
<div v-else-if="tab === 'contents'"> <div v-else-if="tab === 'contents'">
<div style="padding: 16px;"> <div>
<XBlocks v-model="content" class="content" :hpml="hpml"/> <XBlocks v-model="content" class="content" :hpml="hpml"/>
<MkButton v-if="!readonly" @click="add()"><i class="fas fa-plus"></i></MkButton> <MkButton v-if="!readonly" @click="add()"><i class="fas fa-plus"></i></MkButton>
@ -75,7 +75,7 @@
<MkTextarea v-model="script" class="_code"/> <MkTextarea v-model="script" class="_code"/>
</div> </div>
</div> </div>
</div> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">

View file

@ -289,6 +289,10 @@ export default defineComponent({
&.post { &.post {
height: $nav-icon-only-width; height: $nav-icon-only-width;
> i {
opacity: 1;
}
} }
&.post:before { &.post:before {