puniko/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix(client): tweak style

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/client/src/pages/about.vue
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>

18
packages/client/src/pages/api-console.vue
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">
<MkInput v-model="endpoint" :datalist="endpoints" class="_formBlock" @update:modelValue="onEndpointChange()">
<template #label>Endpoint</template> <template #label>Endpoint</template>
</MkInput> </MkInput>
<MkTextarea v-model="body" code> <MkTextarea v-model="body" class="_formBlock" code>
<template #label>Params (JSON or JSON5)</template> <template #label>Params (JSON or JSON5)</template>
</MkTextarea> </MkTextarea>
<MkSwitch v-model="withCredential"> <MkSwitch v-model="withCredential" class="_formBlock">
With credential With credential
</MkSwitch> </MkSwitch>
<MkButton primary full :disabled="sending" @click="send"> <MkButton class="_formBlock" primary :disabled="sending" @click="send">
<template v-if="sending"><MkEllipsis/></template> <template v-if="sending"><MkEllipsis/></template>
<template v-else><i class="fas fa-paper-plane"></i> Send</template> <template v-else><i class="fas fa-paper-plane"></i> Send</template>
</MkButton> </MkButton>
</div> </div>
<div v-if="res" class="_block" style="padding: 24px;"> <div v-if="res" class="_formBlock">
<MkTextarea v-model="res" code readonly tall> <MkTextarea v-model="res" code readonly tall>
<template #label>Response</template> <template #label>Response</template>
</MkTextarea> </MkTextarea>
</div> </div>
</div> </div>
</MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">

10
packages/client/src/pages/page-editor/page-editor.vue
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">

4
packages/client/src/ui/_common_/sidebar.vue
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 {