Refactor
This commit is contained in:
		
							parent
							
								
									f5f7654f4b
								
							
						
					
					
						commit
						6e6b12519a
					
				
					 11 changed files with 23 additions and 11 deletions
				
			
		| 
						 | 
				
			
			@ -239,6 +239,10 @@ export default Vue.extend({
 | 
			
		|||
	position: relative;
 | 
			
		||||
	margin: 32px 0;
 | 
			
		||||
 | 
			
		||||
	&:not(.inline):first-child {
 | 
			
		||||
		margin-top: 8px;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	> .icon {
 | 
			
		||||
		position: absolute;
 | 
			
		||||
		top: 0;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -77,6 +77,10 @@ export default Vue.extend({
 | 
			
		|||
	position: relative;
 | 
			
		||||
	margin: 32px 0;
 | 
			
		||||
 | 
			
		||||
	&:not(.inline):first-child {
 | 
			
		||||
		margin-top: 8px;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	> .icon {
 | 
			
		||||
		position: absolute;
 | 
			
		||||
		top: 0;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -85,6 +85,10 @@ export default Vue.extend({
 | 
			
		|||
	margin: 42px 0 32px 0;
 | 
			
		||||
	position: relative;
 | 
			
		||||
 | 
			
		||||
	&:first-child {
 | 
			
		||||
		margin-top: 16px;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&:last-child {
 | 
			
		||||
		margin-bottom: 0;
 | 
			
		||||
	}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,7 +5,7 @@
 | 
			
		|||
	<mk-button @click="add()" primary style="margin: 0 auto 16px auto;"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
 | 
			
		||||
	<section class="_card announcements">
 | 
			
		||||
		<div class="_content announcement" v-for="announcement in announcements">
 | 
			
		||||
			<mk-input v-model="announcement.title" style="margin-top: 8px;">
 | 
			
		||||
			<mk-input v-model="announcement.title">
 | 
			
		||||
				<span>{{ $t('title') }}</span>
 | 
			
		||||
			</mk-input>
 | 
			
		||||
			<mk-textarea v-model="announcement.text">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -36,7 +36,7 @@
 | 
			
		|||
	<section class="_card remote">
 | 
			
		||||
		<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojisOfRemote') }}</div>
 | 
			
		||||
		<div class="_content">
 | 
			
		||||
			<mk-input v-model="host" :debounce="true" style="margin-top: 0;"><span>{{ $t('host') }}</span></mk-input>
 | 
			
		||||
			<mk-input v-model="host" :debounce="true"><span>{{ $t('host') }}</span></mk-input>
 | 
			
		||||
			<mk-pagination :pagination="remotePagination" class="emojis" ref="remoteEmojis">
 | 
			
		||||
				<template #empty><span>{{ $t('noCustomEmojis') }}</span></template>
 | 
			
		||||
				<template #default="{items}">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -6,7 +6,7 @@
 | 
			
		|||
	<section class="_card info">
 | 
			
		||||
		<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('basicInfo') }}</div>
 | 
			
		||||
		<div class="_content">
 | 
			
		||||
			<mk-input v-model="name" style="margin-top: 8px;">{{ $t('instanceName') }}</mk-input>
 | 
			
		||||
			<mk-input v-model="name">{{ $t('instanceName') }}</mk-input>
 | 
			
		||||
			<mk-textarea v-model="description">{{ $t('instanceDescription') }}</mk-textarea>
 | 
			
		||||
			<mk-input v-model="iconUrl"><template #icon><fa :icon="faLink"/></template>{{ $t('iconUrl') }}</mk-input>
 | 
			
		||||
			<mk-input v-model="bannerUrl"><template #icon><fa :icon="faLink"/></template>{{ $t('bannerUrl') }}</mk-input>
 | 
			
		||||
| 
						 | 
				
			
			@ -78,7 +78,7 @@
 | 
			
		|||
	<section class="_card">
 | 
			
		||||
		<div class="_title"><fa :icon="faThumbtack"/> {{ $t('pinnedUsers') }}</div>
 | 
			
		||||
		<div class="_content">
 | 
			
		||||
			<mk-textarea v-model="pinnedUsers" style="margin-top: 0;">
 | 
			
		||||
			<mk-textarea v-model="pinnedUsers">
 | 
			
		||||
				<template #desc>{{ $t('pinnedUsersDescription') }} <button class="_textButton" @click="addPinUser">{{ $t('addUser') }}</button></template>
 | 
			
		||||
			</mk-textarea>
 | 
			
		||||
		</div>
 | 
			
		||||
| 
						 | 
				
			
			@ -111,7 +111,7 @@
 | 
			
		|||
	<section class="_card">
 | 
			
		||||
		<div class="_title"><fa :icon="faBan"/> {{ $t('blockedInstances') }}</div>
 | 
			
		||||
		<div class="_content">
 | 
			
		||||
			<mk-textarea v-model="blockedHosts" style="margin-top: 0;">
 | 
			
		||||
			<mk-textarea v-model="blockedHosts">
 | 
			
		||||
				<template #desc>{{ $t('blockedInstancesDescription') }}</template>
 | 
			
		||||
			</mk-textarea>
 | 
			
		||||
		</div>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -6,7 +6,7 @@
 | 
			
		|||
	<section class="_card lookup">
 | 
			
		||||
		<div class="_title"><fa :icon="faSearch"/> {{ $t('lookup') }}</div>
 | 
			
		||||
		<div class="_content">
 | 
			
		||||
			<mk-input class="target" v-model="target" type="text" @enter="showUser()" style="margin-top: 0;">
 | 
			
		||||
			<mk-input class="target" v-model="target" type="text" @enter="showUser()">
 | 
			
		||||
				<span>{{ $t('usernameOrUserId') }}</span>
 | 
			
		||||
			</mk-input>
 | 
			
		||||
			<mk-button @click="showUser()" primary><fa :icon="faSearch"/> {{ $t('lookup') }}</mk-button>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,7 +2,7 @@
 | 
			
		|||
<div class="shaynizk _card">
 | 
			
		||||
	<div class="_title" v-if="antenna.name">{{ antenna.name }}</div>
 | 
			
		||||
	<div class="_content body">
 | 
			
		||||
		<mk-input v-model="name" style="margin-top: 8px;">
 | 
			
		||||
		<mk-input v-model="name">
 | 
			
		||||
			<span>{{ $t('name') }}</span>
 | 
			
		||||
		</mk-input>
 | 
			
		||||
		<mk-select v-model="src">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,7 +2,7 @@
 | 
			
		|||
<section class="_card">
 | 
			
		||||
	<div class="_title"><fa :icon="faCog"/> {{ $t('general') }}</div>
 | 
			
		||||
	<div class="_content">
 | 
			
		||||
		<mk-input type="file" @change="onWallpaperChange" style="margin-top: 0;">
 | 
			
		||||
		<mk-input type="file" @change="onWallpaperChange">
 | 
			
		||||
			<span>{{ $t('wallpaper') }}</span>
 | 
			
		||||
			<template #icon><fa :icon="faImage"/></template>
 | 
			
		||||
			<template #desc v-if="wallpaperUploading">{{ $t('uploading') }}<mk-ellipsis/></template>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,8 +2,7 @@
 | 
			
		|||
<section class="_card">
 | 
			
		||||
	<div class="_title"><fa :icon="faBoxes"/> {{ $t('importAndExport') }}</div>
 | 
			
		||||
	<div class="_content">
 | 
			
		||||
		<input ref="file" type="file" style="display: none;" @change="onChangeFile"/>
 | 
			
		||||
		<mk-select v-model="exportTarget" style="margin-top: 0;">
 | 
			
		||||
		<mk-select v-model="exportTarget">
 | 
			
		||||
			<option value="notes">{{ $t('_exportOrImport.allNotes') }}</option>
 | 
			
		||||
			<option value="following">{{ $t('_exportOrImport.followingList') }}</option>
 | 
			
		||||
			<option value="user-lists">{{ $t('_exportOrImport.userLists') }}</option>
 | 
			
		||||
| 
						 | 
				
			
			@ -13,6 +12,7 @@
 | 
			
		|||
		<mk-button inline @click="doExport()"><fa :icon="faDownload"/> {{ $t('export') }}</mk-button>
 | 
			
		||||
		<mk-button inline @click="doImport()" :disabled="!['following', 'user-lists'].includes(exportTarget)"><fa :icon="faUpload"/> {{ $t('import') }}</mk-button>
 | 
			
		||||
	</div>
 | 
			
		||||
	<input ref="file" type="file" style="display: none;" @change="onChangeFile"/>
 | 
			
		||||
</section>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,7 +2,7 @@
 | 
			
		|||
<section class="_card">
 | 
			
		||||
	<div class="_title"><fa :icon="faLaugh"/> {{ $t('reaction') }}</div>
 | 
			
		||||
	<div class="_content">
 | 
			
		||||
		<mk-textarea v-model="reactions" style="margin-top: 16px;">{{ $t('reaction') }}<template #desc>{{ $t('reactionSettingDescription') }}</template></mk-textarea>
 | 
			
		||||
		<mk-textarea v-model="reactions">{{ $t('reaction') }}<template #desc>{{ $t('reactionSettingDescription') }}</template></mk-textarea>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="_footer">
 | 
			
		||||
		<mk-button @click="save()" primary inline :disabled="!changed"><fa :icon="faSave"/> {{ $t('save') }}</mk-button>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue