[Client:Mobile] 🎨
This commit is contained in:
parent
5d7aa3491c
commit
1735de3ff9
4 changed files with 25 additions and 12 deletions
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue