From 95f95783383a58af5250bcb66155a04971385b75 Mon Sep 17 00:00:00 2001
From: gammelalf <gammelalf@hopfen.space>
Date: Wed, 28 Dec 2022 13:39:48 +0100
Subject: Added some css and svgs

---
 web/static/client.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 web/static/client.css

(limited to 'web/static/client.css')

diff --git a/web/static/client.css b/web/static/client.css
new file mode 100644
index 0000000..c01b307
--- /dev/null
+++ b/web/static/client.css
@@ -0,0 +1,60 @@
+:root {
+    --background: #222222;
+    --primary: white;
+    --secondary: gray;
+    --link: yellow;
+}
+
+html {
+    width: 100%;
+    overflow: hidden;
+}
+
+body {
+    position: fixed;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    background-color: var(--background);
+    color: var(--primary);
+}
+
+.flex-column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.flex-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.icon-button {
+    --icon-size: 4em;
+    border: none;
+    background-color: transparent;
+}
+.icon-button > img {
+    width: var(--icon-size);
+    height: var(--icon-size);
+    filter: invert(100%);
+}
+
+#play-pause.pause > img:nth-child(1) {
+    display: none;
+}
+#play-pause.play > img:nth-child(2) {
+    display: none;
+}
+
+#searchResults > div > button {
+    --icon-size: 2em;
+}
+#searchResults > div > small {
+    color: var(--secondary);
+    margin-left: 0.5em;
+}
-- 
cgit v1.2.3