[Client:Mobile] 🎨

src/web/app/mobile/tags/drive-folder-selector.tag

@@ -10,15 +10,18 @@
 	<style>
 		:scope
 			display block
+			position fixed
+			z-index 2048
+			top 0
+			left 0
+			width 100%
+			height 100%
+			padding 8px
+			background rgba(0, 0, 0, 0.2)
 
 			> .body
-				position fixed
-				z-index 2048
-				top 0
-				left 0
 				width 100%
 				height 100%
-				overflow hidden
 				background #fff
 
 				> header

src/web/app/mobile/tags/drive-selector.tag

@@ -10,15 +10,18 @@
 	<style>
 		:scope
 			display block
+			position fixed
+			z-index 2048
+			top 0
+			left 0
+			width 100%
+			height 100%
+			padding 8px
+			background rgba(0, 0, 0, 0.2)
 
 			> .body
-				position fixed
-				z-index 2048
-				top 0
-				left 0
 				width 100%
 				height 100%
-				overflow hidden
 				background #fff
 
 				> header

src/web/app/mobile/tags/drive.tag

@@ -54,8 +54,15 @@
 			display block
 			background #fff
 
+			&[data-is-naked]
+				> nav
+					top 48px
+
 			> nav
 				display block
+				position sticky
+				top 0
+				z-index 1
 				width 100%
 				padding 10px 12px
 				overflow auto
@@ -63,7 +70,7 @@
 				font-size 0.9em
 				color #555
 				background #fff
-				border-bottom solid 1px #dfdfdf
+				border-bottom solid 1px rgba(0, 0, 0, 0.13)
 
 				> p
 					display inline

src/web/app/mobile/tags/page/drive.tag

@@ -1,6 +1,6 @@
 <mk-drive-page>
 	<mk-ui ref="ui">
-		<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file }></mk-drive>
+		<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file } data-is-naked="true"></mk-drive>
 	</mk-ui>
 	<style>
 		:scope