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…
	
	Add table
		Add a link
		
	
		Reference in a new issue