lukas/mathquest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make login generic

Browse Source
This commit is contained in:
Lukas Cremer
2026-05-13 21:42:39 +02:00
parent 56f41d9f8d
commit 79612c348a
2 changed files with 127 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
public/style.css
View File

@@ -419,66 +419,46 @@ h1 {
.auth-card {
background: #2c3e50;
border: 2px solid #34495e;
padding: 40px;
border: 1px solid #34495e;
padding: 32px;
width: 100%;
max-width: 400px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.auth-title {
color: #ecf0f1;
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 6px;
}
.auth-subtitle {
color: #7f8c8d;
font-size: 0.9em;
margin-bottom: 28px;
text-transform: uppercase;
letter-spacing: 1px;
max-width: 360px;
}
.auth-tabs {
display: flex;
margin-bottom: 24px;
border-bottom: 2px solid #34495e;
margin-bottom: 20px;
border-bottom: 1px solid #34495e;
}
.auth-tab {
background: none;
border: none;
color: #7f8c8d;
padding: 10px 20px;
font-size: 0.95em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
font-size: 0.9em;
cursor: pointer;
transition: color 0.2s;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
margin-bottom: -1px;
transition: color 0.2s;
}
.auth-tab.active {
color: #3498db;
color: #ecf0f1;
border-bottom-color: #3498db;
}
.auth-input {
display: block;
width: 100%;
padding: 12px 14px;
margin-bottom: 12px;
padding: 10px 12px;
margin-bottom: 10px;
background: #1a252f;
border: 2px solid #34495e;
border: 1px solid #34495e;
color: #ecf0f1;
font-size: 1em;
font-family: 'Arial', sans-serif;
font-size: 0.95em;
transition: border-color 0.2s;
box-sizing: border-box;
}
.auth-input:focus {
@@ -491,23 +471,19 @@ h1 {
}
.auth-error {
font-size: 0.9em;
font-size: 0.85em;
color: #e74c3c;
margin-bottom: 12px;
min-height: 20px;
margin-bottom: 10px;
min-height: 18px;
}
.auth-button {
width: 100%;
padding: 14px;
padding: 11px;
background: #3498db;
color: white;
border: none;
font-size: 1em;
font-weight: bold;
font-family: 'Arial', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.95em;
cursor: pointer;
transition: background-color 0.2s;
}