gawells/Self-Service-Dashboard
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

make login page use the card style

Browse Source
This commit is contained in:
Gregory Wells
2026-03-31 19:53:48 -04:00
parent 6c435e6135
commit 01ca68e16b
3 changed files with 3 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/login_page.html
View File

@@ -6,10 +6,11 @@
rel="stylesheet"
/>
<link rel="stylesheet" href="static/style.css" />
<link rel="stylesheet" href="static/card.css" />
<link rel="stylesheet" href="static/login_page.css" />
<img id="logo_image" alt="logo" src="/logo" />
<form id="login_card" method="POST">
<form id="login_card" class="card" method="POST">
<div id="welcome_text">
Welcome to Astral Tech, Please Sign in to your account below
</div>

2
static/card.css
View File

@@ -7,7 +7,7 @@
); /* Semi-transparent white for light theme */
border: 1px solid var(--border-subtle);
border-radius: 12px;
padding: 24px;
padding: 2.5rem;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
transition: transform 0.2s ease;
}

10
static/login_page.css
View File

@@ -15,17 +15,7 @@
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-color: var(--bg-card);
border: 1px solid var(--border-subtle);
padding: 2.5rem;
border-radius: 8px;
width: 350px;
/* Soft shadow for depth in light mode */
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.05),
0 1px 3px rgba(0, 0, 0, 0.1);
}
#login_card input {