This commit is contained in:
syuilo 2018-04-27 21:33:18 +09:00
parent ee62f6e356
commit 319f525199
4 changed files with 17 additions and 7 deletions

View file

@ -266,6 +266,9 @@ root(isDark)
@media (min-width 500px)
padding 16px
@media (min-width 600px)
padding 16px 32px
.avatar-anchor
display inline-block

View file

@ -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

View file

@ -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

View file

@ -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