レスポンシブに

This commit is contained in:
syuilo 2017-12-17 15:15:54 +09:00
parent 3ab4f6b795
commit 49fff2137a

View file

@ -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
table @media (max-width 1025px)
main
margin 0
max-width 100%
nav
position relative
width 100% width 100%
max-height 128px
background #f9f9f9
border-right none
@media (max-width 512px)
main
padding 16px
table
display block
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