From 99d50084f2262fb875dd1045117b694bdea6658d Mon Sep 17 00:00:00 2001 From: "Ricardo (XenGi) Band" Date: Thu, 28 Dec 2023 04:55:06 +0100 Subject: [PATCH] final design --- static/index.html | 85 +++++++++++++++++++++++++++++++++++++++++++++++ static/style.css | 42 +++++++++++++++++++++++ 2 files changed, 127 insertions(+) create mode 100644 static/index.html create mode 100644 static/style.css diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..daaf309 --- /dev/null +++ b/static/index.html @@ -0,0 +1,85 @@ + + + + + Sanic + + + +
+ +
+ + + + + + + + + + + + +
PosArtistsTrackAlbumLengthActions
+
+
browser
+
result
+
+ + + diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..92d0b44 --- /dev/null +++ b/static/style.css @@ -0,0 +1,42 @@ +html, body { margin: 0; height: 100%; } + +main { + height: 100%; + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: 1fr 2fr; + grid-template-rows: 150px 1fr 1fr; + gap: 0 0; + grid-template-areas: "nav nav" "queue queue" "browser result"; +} + +#queue { + grid-area: queue; + overflow: auto; +} + +#nav { + grid-area: nav; + display: flex; +} + +#nav + +#result { + grid-area: result; + overflow: auto; +} + +#browser { + grid-area: browser; +} + +table { + width: 100%; +} + + +/* debug */ +div { + border: 1px solid blue; +}