fancy login

2 files changed, 24 insertions, 1 deletions

diff --git a/server/src/routes/ui/style/forms.css b/server/src/routes/ui/style/forms.css
new file mode 100644
index 0000000..959a62e
--- /dev/null
+++ b/server/src/routes/ui/style/forms.css
@@ -0,0 +1,21 @@
+input[type="text"],
+input[type="password"] {
+    border-radius: 7px;
+    padding: 0.3em;
+    margin: 0.2em;
+    border: 2px solid var(--accent-light);
+}
+
+form.account {
+    padding: 3em;
+    border-radius: 1em;
+    background-color: var(--background-light);
+
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+form.account h1 {
+    margin-top: 0px;
+}
diff --git a/server/src/routes/ui/style/mod.rs b/server/src/routes/ui/style/mod.rs
index 39e11af..0891d59 100644
--- a/server/src/routes/ui/style/mod.rs
+++ b/server/src/routes/ui/style/mod.rs
@@ -13,6 +13,7 @@ fn css_bundle() -> String {
             "player.css",
             "itempage.css",
             "directorypage.css",
+            "forms.css",
         ]
         .into_iter()
         .map(|n| {
@@ -32,7 +33,8 @@ fn css_bundle() -> String {
             include_str!("layout.css"),
             include_str!("player.css"),
             include_str!("itempage.css"),
-            include_str!("directorypage.css")
+            include_str!("directorypage.css"),
+            include_str!("forms.css")
         )
         .to_string()
     }