fix(client): tweak style

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

View file

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

View file

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

View file

@ -1,6 +1,6 @@
<template>
<div>
<div class="jqqmcavi" style="margin: 16px;">
<MkSpacer :content-max="700">
<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="!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>
@ -8,7 +8,7 @@
</div>
<div v-if="tab === 'settings'">
<div style="padding: 16px;" class="_formRoot">
<div class="_formRoot">
<MkInput v-model="title" class="_formBlock">
<template #label>{{ $ts._pages.title }}</template>
</MkInput>
@ -43,7 +43,7 @@
</div>
<div v-else-if="tab === 'contents'">
<div style="padding: 16px;">
<div>
<XBlocks v-model="content" class="content" :hpml="hpml"/>
<MkButton v-if="!readonly" @click="add()"><i class="fas fa-plus"></i></MkButton>
@ -75,7 +75,7 @@
<MkTextarea v-model="script" class="_code"/>
</div>
</div>
</div>
</MkSpacer>
</template>
<script lang="ts">

View file

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