diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2018-03-26 16:11:04 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-26 16:11:04 +0900 |
| commit | 8bdb074b5dd328e600f5d87d38369055c308be07 (patch) | |
| tree | f599fb3aeda001299a74119c70ec1528c0268d21 /src/web/app | |
| parent | Merge pull request #1287 from akihikodaki/account (diff) | |
| parent | モバイル版のユーザーページの表示切り変えnavを上につ... (diff) | |
| download | sharkey-8bdb074b5dd328e600f5d87d38369055c308be07.tar.gz sharkey-8bdb074b5dd328e600f5d87d38369055c308be07.tar.bz2 sharkey-8bdb074b5dd328e600f5d87d38369055c308be07.zip | |
Merge pull request #1295 from rinsuki/features/user-tab-position-sticky
モバイル版のユーザーページの表示切り変えnavを上についてくるように
Diffstat (limited to 'src/web/app')
| -rw-r--r-- | src/web/app/mobile/views/pages/user.vue | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/src/web/app/mobile/views/pages/user.vue b/src/web/app/mobile/views/pages/user.vue index 9f677f6cae..f283050b80 100644 --- a/src/web/app/mobile/views/pages/user.vue +++ b/src/web/app/mobile/views/pages/user.vue @@ -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 |