fix(client): tweak style
This commit is contained in:
parent
b65353bc3c
commit
e42e9530cb
4 changed files with 34 additions and 29 deletions
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue