レスポンシブに
This commit is contained in:
parent
3ab4f6b795
commit
49fff2137a
1 changed files with 23 additions and 5 deletions
|
@ -4,6 +4,7 @@
|
||||||
body
|
body
|
||||||
margin 0
|
margin 0
|
||||||
color #34495e
|
color #34495e
|
||||||
|
word-break break-word
|
||||||
|
|
||||||
main
|
main
|
||||||
margin 0 0 0 256px
|
margin 0 0 0 256px
|
||||||
|
@ -49,16 +50,37 @@ main
|
||||||
nav
|
nav
|
||||||
display block
|
display block
|
||||||
position fixed
|
position fixed
|
||||||
|
z-index 10000
|
||||||
top 0
|
top 0
|
||||||
left 0
|
left 0
|
||||||
width 256px
|
width 256px
|
||||||
height 100%
|
height 100%
|
||||||
overflow auto
|
overflow auto
|
||||||
padding 32px
|
padding 32px
|
||||||
|
background #fff
|
||||||
border-right solid 2px #eee
|
border-right solid 2px #eee
|
||||||
|
|
||||||
|
@media (max-width 1025px)
|
||||||
|
main
|
||||||
|
margin 0
|
||||||
|
max-width 100%
|
||||||
|
|
||||||
|
nav
|
||||||
|
position relative
|
||||||
|
width 100%
|
||||||
|
max-height 128px
|
||||||
|
background #f9f9f9
|
||||||
|
border-right none
|
||||||
|
|
||||||
|
@media (max-width 512px)
|
||||||
|
main
|
||||||
|
padding 16px
|
||||||
|
|
||||||
table
|
table
|
||||||
|
display block
|
||||||
width 100%
|
width 100%
|
||||||
|
max-width 100%
|
||||||
|
overflow auto
|
||||||
border-spacing 0
|
border-spacing 0
|
||||||
border-collapse collapse
|
border-collapse collapse
|
||||||
|
|
||||||
|
@ -68,12 +90,7 @@ table
|
||||||
|
|
||||||
tr
|
tr
|
||||||
th
|
th
|
||||||
position sticky
|
|
||||||
top 0
|
|
||||||
z-index 1
|
|
||||||
text-align left
|
text-align left
|
||||||
box-shadow 0 1px 0 0 #eee
|
|
||||||
background #fff
|
|
||||||
|
|
||||||
tbody
|
tbody
|
||||||
tr
|
tr
|
||||||
|
@ -82,3 +99,4 @@ table
|
||||||
|
|
||||||
th, td
|
th, td
|
||||||
padding 8px 16px
|
padding 8px 16px
|
||||||
|
min-width 128px
|
||||||
|
|
Loading…
Reference in a new issue