wip
This commit is contained in:
		
							parent
							
								
									ee62f6e356
								
							
						
					
					
						commit
						319f525199
					
				
					 4 changed files with 17 additions and 7 deletions
				
			
		| 
						 | 
				
			
			@ -266,6 +266,9 @@ root(isDark)
 | 
			
		|||
		@media (min-width 500px)
 | 
			
		||||
			padding 16px
 | 
			
		||||
 | 
			
		||||
		@media (min-width 600px)
 | 
			
		||||
			padding 16px 32px
 | 
			
		||||
 | 
			
		||||
		.avatar-anchor
 | 
			
		||||
			display inline-block
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -175,11 +175,15 @@ export default Vue.extend({
 | 
			
		|||
	margin 8px auto
 | 
			
		||||
	background #fff
 | 
			
		||||
	border-radius 8px
 | 
			
		||||
	box-shadow 0 0 0 1px rgba(0, 0, 0, 0.2)
 | 
			
		||||
	box-shadow 0 0 2px rgba(0, 0, 0, 0.1)
 | 
			
		||||
 | 
			
		||||
	@media (min-width 500px)
 | 
			
		||||
		margin 16px auto
 | 
			
		||||
		width calc(100% - 32px)
 | 
			
		||||
		box-shadow 0 8px 32px rgba(0, 0, 0, 0.1)
 | 
			
		||||
 | 
			
		||||
	@media (min-width 600px)
 | 
			
		||||
		margin 32px auto
 | 
			
		||||
 | 
			
		||||
	> header
 | 
			
		||||
		z-index 1
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -45,9 +45,9 @@
 | 
			
		|||
		</header>
 | 
			
		||||
		<nav>
 | 
			
		||||
			<div class="nav-container">
 | 
			
		||||
				<a :data-active="page == 'home'" @click="page = 'home'">%i18n:@overview%</a>
 | 
			
		||||
				<a :data-active="page == 'notes'" @click="page = 'notes'">%i18n:@timeline%</a>
 | 
			
		||||
				<a :data-active="page == 'media'" @click="page = 'media'">%i18n:@media%</a>
 | 
			
		||||
				<a :data-active="page == 'home'" @click="page = 'home'">%fa:home% %i18n:@overview%</a>
 | 
			
		||||
				<a :data-active="page == 'notes'" @click="page = 'notes'">%fa:R comment-alt% %i18n:@timeline%</a>
 | 
			
		||||
				<a :data-active="page == 'media'" @click="page = 'media'">%fa:image% %i18n:@media%</a>
 | 
			
		||||
			</div>
 | 
			
		||||
		</nav>
 | 
			
		||||
		<div class="body">
 | 
			
		||||
| 
						 | 
				
			
			@ -201,7 +201,7 @@ root(isDark)
 | 
			
		|||
 | 
			
		||||
			> .description
 | 
			
		||||
				margin 8px 0
 | 
			
		||||
				color #fff
 | 
			
		||||
				color isDark ? #fff : #757c82
 | 
			
		||||
 | 
			
		||||
			> .info
 | 
			
		||||
				margin 8px 0
 | 
			
		||||
| 
						 | 
				
			
			@ -209,7 +209,7 @@ root(isDark)
 | 
			
		|||
				> p
 | 
			
		||||
					display inline
 | 
			
		||||
					margin 0 16px 0 0
 | 
			
		||||
					color #a9b9c1
 | 
			
		||||
					color isDark ? #a9b9c1 : #90989c
 | 
			
		||||
 | 
			
		||||
					> i
 | 
			
		||||
						margin-right 4px
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -64,11 +64,14 @@ export default Vue.extend({
 | 
			
		|||
	> section
 | 
			
		||||
		background #eee
 | 
			
		||||
		border-radius 8px
 | 
			
		||||
		box-shadow 0 0 0 1px rgba(0, 0, 0, 0.2)
 | 
			
		||||
		box-shadow 0 4px 16px rgba(#000, 0.1)
 | 
			
		||||
 | 
			
		||||
		&:not(:last-child)
 | 
			
		||||
			margin-bottom 8px
 | 
			
		||||
 | 
			
		||||
			@media (min-width 500px)
 | 
			
		||||
				margin-bottom 16px
 | 
			
		||||
 | 
			
		||||
		> h2
 | 
			
		||||
			margin 0
 | 
			
		||||
			padding 8px 10px
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue