WIP rewrite with macros

2026-03-10 20:15:58 -03:00
parent ef9a9296dd
commit cb2aa89b16
11 changed files with 1837 additions and 2517 deletions
--- a/templates/login.html
+++ b/templates/login.html
@@ -7,80 +7,7 @@
    <title>SekiPOS Login</title>
    <link rel="shortcut icon" href="./static/favicon.png" type="image/x-icon">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <style>
-        :root {
-            --bg: #5865f2;
-            --card-bg: #ffffff;
-            --text: #2e3338;
-            --input-bg: #e3e5e8;
-            --accent: #5865f2;
-            --accent-hover: #4752c4;
-            --error: #ed4245;
-        }
-
-        [data-theme="dark"] {
-            --bg: #36393f;
-            --card-bg: #2f3136;
-            --text: #ffffff;
-            --input-bg: #202225;
-        }
-
-        body {
-            background: var(--bg);
-            font-family: "gg sans", "Segoe UI", sans-serif;
-            min-height: 100vh;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: background 0.2s;
-            margin: 0;
-            padding: 16px;
-        }
-
-        .login-box {
-            background: var(--card-bg);
-            color: var(--text);
-            border-radius: 8px;
-            padding: 2rem;
-            width: 100%;
-            max-width: 400px;
-            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
-            transition: background 0.2s, color 0.2s;
-        }
-
-        .form-control {
-            background: var(--input-bg) !important;
-            color: var(--text) !important;
-            border: none;
-        }
-
-        .form-control:focus {
-            box-shadow: 0 0 0 2px var(--accent);
-        }
-
-        .form-control::placeholder {
-            color: #8a8e94;
-        }
-
-        .btn-login {
-            background: var(--accent);
-            color: #fff;
-            border: none;
-            font-weight: 600;
-        }
-
-        .btn-login:hover {
-            background: var(--accent-hover);
-            color: #fff;
-        }
-
-        .error-alert {
-            background: var(--error);
-            color: #fff;
-            border-radius: 4px;
-            font-size: .88rem;
-        }
-    </style>
+    <link rel="stylesheet" href="./static/style.css">
 </head>

 <body>