🎨
This commit is contained in:
		| @@ -4,9 +4,9 @@ | ||||
|  | ||||
| 	<slot name="empty" v-if="notes.length == 0 && !fetching && requestInitPromise == null"></slot> | ||||
|  | ||||
| 	<div v-if="!fetching && requestInitPromise != null"> | ||||
| 		<p>%i18n:@error%</p> | ||||
| 		<button @click="resolveInitPromise">%i18n:@retry%</button> | ||||
| 	<div v-if="!fetching && requestInitPromise != null" class="error"> | ||||
| 		<p>%fa:exclamation-triangle% %i18n:common.error.title%</p> | ||||
| 		<ui-button @click="resolveInitPromise">%i18n:common.error.retry%</ui-button> | ||||
| 	</div> | ||||
|  | ||||
| 	<div class="placeholder" v-if="fetching"> | ||||
| @@ -215,6 +215,13 @@ export default Vue.extend({ | ||||
| 		> * | ||||
| 			transition transform .3s ease, opacity .3s ease | ||||
|  | ||||
| 	> .error | ||||
| 		max-width 300px | ||||
| 		margin 0 auto | ||||
| 		padding 16px | ||||
| 		text-align center | ||||
| 		color var(--text) | ||||
|  | ||||
| 	> .placeholder | ||||
| 		padding 32px | ||||
| 		opacity 0.3 | ||||
|   | ||||
| @@ -8,9 +8,9 @@ | ||||
| 		</template> | ||||
| 	</div> | ||||
|  | ||||
| 	<div v-if="!fetching && requestInitPromise != null"> | ||||
| 		<p>%i18n:@error%</p> | ||||
| 		<button @click="resolveInitPromise">%i18n:@retry%</button> | ||||
| 	<div v-if="!fetching && requestInitPromise != null" class="error"> | ||||
| 		<p>%fa:exclamation-triangle% %i18n:common.error.title%</p> | ||||
| 		<ui-button @click="resolveInitPromise">%i18n:common.error.retry%</ui-button> | ||||
| 	</div> | ||||
|  | ||||
| 	<!-- トランジションを有効にするとなぜかメモリリークする --> | ||||
| @@ -226,6 +226,13 @@ export default Vue.extend({ | ||||
| 		> * | ||||
| 			transition transform .3s ease, opacity .3s ease | ||||
|  | ||||
| 	> .error | ||||
| 		max-width 300px | ||||
| 		margin 0 auto | ||||
| 		padding 16px | ||||
| 		text-align center | ||||
| 		color var(--text) | ||||
|  | ||||
| 	> .placeholder | ||||
| 		padding 16px | ||||
| 		opacity 0.3 | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo