[Client:Mobile] 🎨

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

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

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

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