summaryrefslogtreecommitdiff
path: root/src/web
diff options
context:
space:
mode:
authorrinsuki <428rinsuki+git@gmail.com>2018-03-26 15:56:31 +0900
committerrinsuki <428rinsuki+git@gmail.com>2018-03-26 15:56:31 +0900
commitfd0e63c12e0795ee71b48c70c4d7e13f843613f9 (patch)
treea81e12580d1e1035ec9cb087e80db713c49a274d /src/web
parentdocument.domainをチェックする際に、hostのかわりにhostnameを... (diff)
downloadsharkey-fd0e63c12e0795ee71b48c70c4d7e13f843613f9.tar.gz
sharkey-fd0e63c12e0795ee71b48c70c4d7e13f843613f9.tar.bz2
sharkey-fd0e63c12e0795ee71b48c70c4d7e13f843613f9.zip
モバイル版のユーザーページの表示切り変えnavを上についてくるように
Diffstat (limited to 'src/web')
-rw-r--r--src/web/app/mobile/views/pages/user.vue17
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 90f49a99a4..a9953fdd4a 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