restructure login pages

2025-05-25 11:48:03 +02:00
parent 651de5019d
commit e07d438fb2
4 changed files with 97 additions and 132 deletions
--- a/static/css/auth.css
+++ b/static/css/auth.css
@@ -0,0 +1,47 @@
+:root {
+    --primary-color: #16767b;
+    --secondary-color: #741b5f;
+    --primary-light: #1a8a90;
+    --secondary-light: #8a2170;
+}
+
+body {
+    background-color: #f8f9fa;
+}
+
+.auth-container {
+    max-width: 400px;
+    margin: 100px auto;
+}
+
+.auth-card {
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.auth-header {
+    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
+    color: white;
+    padding: 20px;
+    border-radius: 10px 10px 0 0;
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+}
+
+.btn-primary:hover {
+    background-color: var(--primary-light);
+    border-color: var(--primary-light);
+}
+
+.form-control:focus {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 0.2rem rgba(22, 118, 123, 0.25);
+}
+
+.alert {
+    border-radius: 10px;
+}