wip
This commit is contained in:
		
							parent
							
								
									c2e053a208
								
							
						
					
					
						commit
						76c8e05e3a
					
				
					 1 changed files with 24 additions and 32 deletions
				
			
		| 
						 | 
					@ -1,11 +1,13 @@
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
<mk-ui>
 | 
					<mk-ui>
 | 
				
			||||||
	<template v-if="!fetching">
 | 
						<div v-if="!fetching" data-id="02010e15-cc48-4245-8636-16078a9b623c">
 | 
				
			||||||
		<header :class="$style.header">
 | 
							<div>
 | 
				
			||||||
			<h1>{{ list.title }}</h1>
 | 
								<div><h1>{{ list.title }}</h1></div>
 | 
				
			||||||
		</header>
 | 
							</div>
 | 
				
			||||||
		<mk-user-list-timeline :list="list"/>
 | 
							<main>
 | 
				
			||||||
	</template>
 | 
								<mk-user-list-timeline :list="list"/>
 | 
				
			||||||
 | 
							</main>
 | 
				
			||||||
 | 
						</div>
 | 
				
			||||||
</mk-ui>
 | 
					</mk-ui>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -40,35 +42,25 @@ export default Vue.extend({
 | 
				
			||||||
});
 | 
					});
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<style lang="stylus" module>
 | 
					<style lang="stylus" scoped>
 | 
				
			||||||
.header
 | 
					[data-id="02010e15-cc48-4245-8636-16078a9b623c"]
 | 
				
			||||||
	width 100%
 | 
						display flex
 | 
				
			||||||
	max-width 600px
 | 
						justify-content center
 | 
				
			||||||
	margin 0 auto
 | 
						margin 0 auto
 | 
				
			||||||
	color #555
 | 
						max-width 1200px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.notes
 | 
						> main
 | 
				
			||||||
	max-width 600px
 | 
						> div > div
 | 
				
			||||||
	margin 0 auto
 | 
							> *:not(:last-child)
 | 
				
			||||||
	border solid 1px rgba(0, 0, 0, 0.075)
 | 
								margin-bottom 16px
 | 
				
			||||||
	border-radius 6px
 | 
					 | 
				
			||||||
	overflow hidden
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
.loading
 | 
						> main
 | 
				
			||||||
	padding 64px 0
 | 
							padding 16px
 | 
				
			||||||
 | 
							width calc(100% - 275px * 2)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.empty
 | 
						> div
 | 
				
			||||||
	display block
 | 
							width 275px
 | 
				
			||||||
	margin 0 auto
 | 
							margin 0
 | 
				
			||||||
	padding 32px
 | 
							padding 16px 0 16px 16px
 | 
				
			||||||
	max-width 400px
 | 
					 | 
				
			||||||
	text-align center
 | 
					 | 
				
			||||||
	color #999
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
	> [data-fa]
 | 
					 | 
				
			||||||
		display block
 | 
					 | 
				
			||||||
		margin-bottom 16px
 | 
					 | 
				
			||||||
		font-size 3em
 | 
					 | 
				
			||||||
		color #ccc
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue