graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-12-23 19:23:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

モバイル版のユーザーページの表示切り変えnavを上についてくるように

Browse source
This commit is contained in:
rinsuki 2018-03-26 15:56:31 +09:00
parent 8d6356c565
commit fd0e63c12e
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/web/app/mobile/views/pages/user.vue
View file

@ -40,12 +40,14 @@
</a>
</div>
</div>
<nav>
</header>
<nav>
<div class="nav-container">
<a :data-is-active=" page == 'home' " @click="page = 'home'">%i18n:mobile.tags.mk-user.overview%</a>
<a :data-is-active=" page == 'posts' " @click="page = 'posts'">%i18n:mobile.tags.mk-user.timeline%</a>
<a :data-is-active=" page == 'media' " @click="page = 'media'">%i18n:mobile.tags.mk-user.media%</a>
</nav>
</header>
</div>
</nav>
<div class="body">
<x-home v-if="page == 'home'" :user="user"/>
<mk-user-timeline v-if="page == 'posts'" :user="user"/>
@ -109,7 +111,6 @@ export default Vue.extend({
main
> header
box-shadow 0 4px 4px rgba(0, 0, 0, 0.3)
> .banner
padding-bottom 33.3%
@ -207,7 +208,13 @@ main
> i
font-size 14px
> nav
> nav
position sticky
top 48px
box-shadow 0 4px 4px rgba(0, 0, 0, 0.3)
background-color #313a42
z-index 1
> .nav-container
display flex
justify-content center
margin 0 auto