mirror of
https://github.com/danbee/mpd-client
synced 2025-03-04 08:39:09 +00:00
Fix up CSS.
This commit is contained in:
parent
f8276cf0e2
commit
aaa5b20086
@ -1,22 +1,9 @@
|
|||||||
*
|
*
|
||||||
@include box-sizing(border-box)
|
@include box-sizing(border-box)
|
||||||
|
|
||||||
html
|
|
||||||
height: 100%
|
|
||||||
|
|
||||||
body
|
body
|
||||||
font: 1em "Helvetica Neue", sans-serif
|
|
||||||
margin: 0
|
margin: 0
|
||||||
height: 100%
|
|
||||||
max-width: 320px
|
|
||||||
margin: 0 auto
|
|
||||||
|
|
||||||
#app
|
main
|
||||||
position: relative
|
font: 1em "Helvetica Neue", sans-serif
|
||||||
height: 100%
|
|
||||||
max-width: 320px
|
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
overflow: hidden
|
|
||||||
|
|
||||||
#content
|
|
||||||
height: 100%
|
|
||||||
|
|||||||
@ -2,6 +2,7 @@
|
|||||||
position: fixed
|
position: fixed
|
||||||
top: 0
|
top: 0
|
||||||
width: $interface-width
|
width: $interface-width
|
||||||
|
height: 2.5rem
|
||||||
background: rgba(248, 248, 248, 0.95)
|
background: rgba(248, 248, 248, 0.95)
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
|
||||||
h1
|
h1
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
$interface-width: 20em
|
$interface-width: 100%
|
||||||
|
|||||||
@ -2,8 +2,9 @@
|
|||||||
background: white
|
background: white
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 100%
|
top: 100%
|
||||||
height: 100%
|
bottom: 0
|
||||||
width: 100%
|
left: 0
|
||||||
|
right: 0
|
||||||
z-index: 2
|
z-index: 2
|
||||||
@include transition(top 0.35s ease-in-out)
|
@include transition(top 0.35s ease-in-out)
|
||||||
header
|
header
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
#queue
|
#queue
|
||||||
height: 100%
|
padding: 2.5rem 0 5.625em
|
||||||
overflow: auto
|
|
||||||
padding: 2.5em 0 5.625em
|
|
||||||
header
|
header
|
||||||
z-index: 1
|
z-index: 1
|
||||||
@extend .header
|
@extend .header
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
#transport
|
#transport
|
||||||
position: fixed
|
position: fixed
|
||||||
bottom: 0
|
bottom: 0
|
||||||
width: 20em
|
width: $interface-width
|
||||||
background: rgba(248, 248, 248, 0.95)
|
background: rgba(248, 248, 248, 0.95)
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1)
|
border-top: 1px solid rgba(0, 0, 0, 0.1)
|
||||||
text-align: center
|
text-align: center
|
||||||
@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
.track
|
.track
|
||||||
position: relative
|
position: relative
|
||||||
width: 70%
|
width: calc(100% - 4.5rem)
|
||||||
margin: 0.25em auto
|
margin: 0.25em auto
|
||||||
height: 7px
|
height: 7px
|
||||||
background: rgba(127, 127, 127, 0.2)
|
background: rgba(127, 127, 127, 0.2)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user