hobokenchicken/GopherGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed login page

Browse Source
This commit is contained in:
Dustin Newkirk
2026-03-01 03:45:34 -05:00
parent 635081612e
commit 6f8f490edb
1 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
static/css/dashboard.css
View File

@@ -105,14 +105,16 @@ body {
.login-card { .login-card {
background: var(--bg1); background: var(--bg1);
border-radius: 20px; border-radius: 24px;
padding: 3rem 2.5rem; padding: 4rem 2.5rem 3rem;
width: 100%; width: 100%;
max-width: 420px; max-width: 440px;
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
border: 1px solid var(--bg2); border: 1px solid var(--bg2);
text-align: center; text-align: center;
animation: slideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); animation: slideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
} }
@keyframes slideUp { @keyframes slideUp {
@@ -127,16 +129,16 @@ body {
} }
.login-header { .login-header {
margin-bottom: 2.5rem; margin-bottom: 3rem;
} }
.login-logo { .login-logo {
width: 120px; width: 100px;
height: 120px; height: 100px;
max-width: 40vw; max-width: 35vw;
margin: 0 auto 1.5rem; margin: 0 auto 1.25rem;
border-radius: 20px; border-radius: 16px;
box-shadow: var(--shadow-lg); box-shadow: var(--shadow);
object-fit: contain; object-fit: contain;
image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges; image-rendering: crisp-edges;
@@ -168,15 +170,16 @@ body {
.form-group label { .form-group label {
position: absolute; position: absolute;
top: 0.75rem; top: 1rem;
left: 1rem; left: 1.25rem;
font-size: 0.875rem; font-size: 0.875rem;
color: var(--fg3); color: var(--fg3);
font-weight: 500; font-weight: 500;
pointer-events: none; pointer-events: none;
transition: all 0.2s; transition: all 0.25s ease;
background: var(--bg1); background: var(--bg1);
padding: 0 0.25rem; padding: 0 0.375rem;
z-index: 2;
} }
.form-group input:focus + label, .form-group input:focus + label,
@@ -188,7 +191,7 @@ body {
} }
.form-group input { .form-group input {
padding: 1.25rem 1rem 0.75rem; padding: 1.5rem 1.25rem 1rem;
background: var(--bg0); background: var(--bg0);
border: 2px solid var(--bg3); border: 2px solid var(--bg3);
border-radius: 12px; border-radius: 12px;
@@ -234,8 +237,8 @@ body {
} }
.login-footer { .login-footer {
margin-top: 1.5rem; margin-top: 2rem;
padding-top: 1.5rem; padding-top: 1.75rem;
border-top: 1px solid var(--bg2); border-top: 1px solid var(--bg2);
} }