Fretux/Gambling_API
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

try to fix this spaghetti of a code

Browse Source
This commit is contained in:
Frederik Spirgi
2026-09-09 14:56:05 +02:00
parent b9bccb5cfc
commit 197276bbda
11 changed files with 216 additions and 457 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles_login.css
+7 -87
View File
@@ -1,87 +1,7 @@
body {
background: radial-gradient(circle at top, #111, #000);
color: #fff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
}
/* Add styling for the heading */
h1 {
font-size: 28px;
color: #0f0;
margin-bottom: 20px;
text-shadow: 0 0 5px #0f0, 0 0 10px #0f0;
}
/* Your form stays centered below the heading */
form {
background: rgba(0, 0, 0, 0.85);
border: 2px solid #0f0;
border-radius: 12px;
padding: 40px 30px;
box-shadow: 0 0 15px rgba(0, 255, 0, 0.3), 0 0 5px rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: column;
gap: 20px;
width: 300px;
}
input {
padding: 12px 15px;
border: none;
border-radius: 8px;
font-size: 16px;
background: #222;
color: white;
outline: none;
box-shadow: inset 0 0 5px #0f0;
transition: 0.2s ease-in-out;
}
input:focus {
box-shadow: inset 0 0 10px #0f0, 0 0 5px #0f0;
}
button {
padding: 12px;
background: #06d429;
color: #000;
border: none;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
transition: background 0.2s ease-in-out;
font-size: 16px;
}
button:hover {
background: #1f1;
}
button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.auth-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.auth-error {
color: #ff6b6b;
font-size: 14px;
line-height: 1.4;
margin: 0;
text-align: center;
}
form { width: min(364px, calc(100vw - 32px)); }
body { padding: 24px 0; }
body { min-height:100vh; margin:0; color:#e4ffe7; background:radial-gradient(circle at 18% 15%,#143c1d 0,#070a07 32%,#020302 75%); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.auth-shell { width:min(1000px,calc(100% - 32px)); min-height:100vh; margin:auto; display:grid; grid-template-columns:1fr 430px; align-items:center; gap:70px; }
.eyebrow { margin:0; color:#6edc7b; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }.auth-intro h1 { margin:14px 0; color:#effff0; font:700 clamp(48px,8vw,82px)/.88 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:-.08em; text-shadow:0 0 28px rgba(63,255,91,.32); }.auth-intro h1 span { color:#47f568; }.intro-copy { max-width:370px; color:#b9d8bc; font:16px/1.6 system-ui,sans-serif; }.intro-status { padding:20px 0 0; margin:25px 0 0; border-top:1px solid #245a2c; list-style:none; color:#80d98b; font-size:12px; line-height:2; }
.auth-panel { background:#090d09; border:1px solid #3de65b; box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 24px rgba(22,208,58,.13); }.panel-chrome { display:flex; justify-content:space-between; padding:11px 14px; border-bottom:1px solid #245a2c; color:#75df83; font-size:11px; letter-spacing:.1em; }.auth-panel h2 { margin:30px 30px 8px; font-size:25px; letter-spacing:-.04em; }.panel-copy { margin:0 30px 25px; color:#9bb69e; font:14px/1.5 system-ui,sans-serif; }
form { display:grid; gap:9px; padding:0 30px 30px; } label { color:#9ee8a7; font-size:12px; letter-spacing:.06em; } input { min-width:0; padding:13px 14px; border:1px solid #2d6b35; border-radius:0; outline:0; background:#050705; color:#effff0; font:15px ui-monospace,SFMono-Regular,Consolas,monospace; } input:focus { border-color:#54fb6e; box-shadow:0 0 0 3px rgba(72,245,104,.16); } small { color:#719c76; font-size:11px; }
button { min-height:44px; border:1px solid #53ed6c; border-radius:0; background:#57ed70; color:#041005; font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace; cursor:pointer; letter-spacing:.04em; transition:transform .15s,box-shadow .15s,background .15s; } button:hover { transform:translateY(-2px); box-shadow:0 0 16px rgba(82,242,106,.42); background:#8aff9c; } button:disabled { opacity:.55; cursor:not-allowed; transform:none; }.auth-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }.secondary-action { background:#0b160c; color:#8aff9b; }.secondary-action:hover { background:#112914; }.auth-error { margin:4px 0 0; color:#ff7885; font:12px/1.4 system-ui,sans-serif; }
@media(max-width:720px) { .auth-shell { min-height:unset; padding:54px 0; grid-template-columns:1fr; gap:32px; }.auth-intro h1 { font-size:54px; }.auth-panel h2,.panel-copy { margin-left:22px; margin-right:22px; } form { padding-left:22px; padding-right:22px; } }