mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-02 08:05:58 +09:00
Code

wip

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/app/mobile/views/components/note.vue
View File

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

6
src/client/app/mobile/views/components/post-form.vue
View File

@ -175,11 +175,15 @@ export default Vue.extend({
margin 8px auto margin 8px auto
background #fff background #fff
border-radius 8px 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) @media (min-width 500px)
margin 16px auto margin 16px auto
width calc(100% - 32px) width calc(100% - 32px)
box-shadow 0 8px 32px rgba(0, 0, 0, 0.1)
@media (min-width 600px)
margin 32px auto
> header > header
z-index 1 z-index 1

10
src/client/app/mobile/views/pages/user.vue
View File

@ -45,9 +45,9 @@
</header> </header>
<nav> <nav>
<div class="nav-container"> <div class="nav-container">
<a :data-active="page == 'home'" @click="page = 'home'">%i18n:@overview%</a> <a :data-active="page == 'home'" @click="page = 'home'">%fa:home% %i18n:@overview%</a>
<a :data-active="page == 'notes'" @click="page = 'notes'">%i18n:@timeline%</a> <a :data-active="page == 'notes'" @click="page = 'notes'">%fa:R comment-alt% %i18n:@timeline%</a>
<a :data-active="page == 'media'" @click="page = 'media'">%i18n:@media%</a> <a :data-active="page == 'media'" @click="page = 'media'">%fa:image% %i18n:@media%</a>
</div> </div>
</nav> </nav>
<div class="body"> <div class="body">
@ -201,7 +201,7 @@ root(isDark)
> .description > .description
margin 8px 0 margin 8px 0
color #fff color isDark ? #fff : #757c82
> .info > .info
margin 8px 0 margin 8px 0
@ -209,7 +209,7 @@ root(isDark)
> p > p
display inline display inline
margin 0 16px 0 0 margin 0 16px 0 0
color #a9b9c1 color isDark ? #a9b9c1 : #90989c
> i > i
margin-right 4px margin-right 4px

5
src/client/app/mobile/views/pages/user/home.vue
View File

@ -64,11 +64,14 @@ export default Vue.extend({
> section > section
background #eee background #eee
border-radius 8px 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) &:not(:last-child)
margin-bottom 8px margin-bottom 8px
@media (min-width 500px)
margin-bottom 16px
> h2 > h2
margin 0 margin 0
padding 8px 10px padding 8px 10px