From fd0e63c12e0795ee71b48c70c4d7e13f843613f9 Mon Sep 17 00:00:00 2001
From: rinsuki <428rinsuki+git@gmail.com>
Date: Mon, 26 Mar 2018 15:56:31 +0900
Subject: モバイル版のユーザーページの表示切り変えnavを上についてくるように
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/app/mobile/views/pages/user.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

(limited to 'src/web/app')

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
-- 
cgit v1.2.3-freya