From 1640d8d9d946c5482b11e171c7600e46b80bd821 Mon Sep 17 00:00:00 2001 From: thibaud-leclere Date: Sat, 28 Mar 2026 13:17:19 +0100 Subject: [PATCH] style: add auth page styling --- assets/styles/app.css | 72 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) diff --git a/assets/styles/app.css b/assets/styles/app.css index e69de29..625d2ea 100644 --- a/assets/styles/app.css +++ b/assets/styles/app.css @@ -0,0 +1,72 @@ +body { + background-color: skyblue; + font-family: 'Noto Sans', sans-serif; +} + +#actors td { + width: 16px; + height: 16px; +} + +.auth-container { + max-width: 400px; + margin: 80px auto; + padding: 32px; + background: white; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.auth-container h1 { + margin: 0 0 24px; + text-align: center; +} + +.auth-container label { + display: block; + margin-bottom: 4px; + font-weight: 600; +} + +.auth-container input[type="email"], +.auth-container input[type="password"] { + width: 100%; + padding: 8px 12px; + margin-bottom: 16px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 16px; + box-sizing: border-box; +} + +.auth-container button[type="submit"] { + width: 100%; + padding: 10px; + background: #2563eb; + color: white; + border: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; +} + +.auth-container button[type="submit"]:hover { + background: #1d4ed8; +} + +.auth-error { + background: #fef2f2; + color: #dc2626; + padding: 12px; + border-radius: 4px; + margin-bottom: 16px; +} + +.auth-link { + text-align: center; + margin-top: 16px; +} + +.auth-link a { + color: #2563eb; +}