diff --git a/static/flexbox/index.html b/static/flexbox/index.html index 46f74f3..583eb6a 100644 --- a/static/flexbox/index.html +++ b/static/flexbox/index.html @@ -25,45 +25,8 @@ -
-
-
-
- - -
-
- - -
-
-
-
- -
-
- -
00
- -
-
-
-
- - -
-
-
-

Now playing: 00:00:00/100:00:00

+
- - -
-
-
@@ -73,7 +36,7 @@ controls bottom
diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index dcbf986..8b8a136 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -1,7 +1,6 @@ -html, body { +body { background-color: #09101d; color: #bbb; - height: 99%; } div { @@ -13,89 +12,22 @@ button { color: #bbb; } -input { - background-color: #28374a; - color: white; -} - #flexbox-container { display: flex; flex-direction: column; - height: 100%; } #controls-top { display: flex; flex-direction: row; - justify-content: space-b; } #top-left-controls { display: flex; flex-direction: column; - width: 100px; -} - -#top-left-controls button { - text-align: left; } #playback-controls { display: flex; flex-direction: column; - width: 160px; -} - -#queue-volume-controls { - width: 150px; -} - -#queue-controls { - display: flex; - flex-direction: row; -} - -#queue-xfade-control { - display: flex; - flex-direction: column; - text-align: center; -} - -#queue-xfade-buttons { - display: flex; - flex-direction: row; -} - -#top-logo { - display: flex; - flex-direction: column; - text-align: center; - color: white; - width: 50px; -} - -#top-logo-container { - display: flex; - flex-grow: 1; - justify-content: flex-end; -} - -#sanic-logo { - width: 50px; -} - -#xfade { - width: 20px; -} - -#queue { - flex-grow: 1; -} - -#controls_bottom { - flex-grow: 2; -} - -#footer { - text-align: right; } diff --git a/static/img/sanic-logo.webp b/static/img/sanic-logo.webp deleted file mode 100644 index 4ed3d29..0000000 Binary files a/static/img/sanic-logo.webp and /dev/null differ