iou1name/Musik
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

switched to css grid

Browse Source
This commit is contained in:
iou1name 2019-09-11 13:06:14 -04:00
parent 77e8fd2c8b
commit 646f660227
2 changed files with 4 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/musik.css
View File

@ -4,14 +4,13 @@ body {
}
img {
max-width:100%;
max-height:100%;
max-height: 30vh;
}
#globalContainer {
display: flex;
flex-direction: column;
height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
}
#titleContainer {
@ -19,11 +18,7 @@ img {
}
#navigationContainer {
flex: auto;
overflow: auto;
display: flex;
flex-direction: row;
height: 100%;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
@ -34,22 +29,15 @@ img {
}
#playerContainer {
height: 30vh;
flex: 0 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
}
#albumCover {
padding-right: 1em;
padding-left: 1em;
padding-bottom: 3px;
box-sizing: border-box;
}
#playerControls {
text-align: center;
padding-right: 0.5em;
padding-bottom: 0.5em;
}

2
templates/index.html
View File

@ -30,7 +30,7 @@
</div>
</div>
<div id="playerContainer">
<span id="albumCover"><img src=""/></span>
<span id="albumCover"><img src=""></span>
<span id="playerControls">
<h4><span id="nowPlayingArtist"></span> - <span id="nowPlayingAlbum"></span></h4>
<h3 id="nowPlayingTitle"></h3>