nate/Siteforge
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add simple auth for admin access

Browse Source
This commit is contained in:
nmemmert
2026-04-12 13:34:11 -04:00
parent f07d8fecfb
commit 770d2357ac
5 changed files with 287 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.css
+92
View File
@@ -916,6 +916,14 @@
text-align: center;
}
.admin-header-actions {
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.admin-ornament {
display: block;
color: #c8860a;
@@ -964,6 +972,90 @@
border-color: rgba(200, 134, 10, 0.5);
}
.btn-admin-logout {
background: transparent;
color: #a89060;
border: 1px solid rgba(168, 144, 96, 0.3);
border-radius: 999px;
padding: 0.4rem 1rem;
font-family: 'Barlow Condensed', sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
}
.btn-admin-logout:hover {
color: #c8860a;
border-color: rgba(200, 134, 10, 0.5);
}
.admin-auth-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #0a0a0a;
padding: 2rem;
}
.admin-auth-card {
width: min(520px, 100%);
background: #101010;
border: 1px solid rgba(200, 134, 10, 0.22);
border-radius: 16px;
padding: 2rem;
text-align: center;
}
.admin-auth-card h1 {
margin: 0 0 1rem;
font-family: 'Playfair Display', Georgia, serif;
color: #f0e6d0;
}
.admin-auth-form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.admin-auth-form label {
display: flex;
flex-direction: column;
gap: 0.4rem;
text-align: left;
font-family: 'Barlow Condensed', sans-serif;
color: #c8860a;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.admin-auth-form input {
background: #111;
border: 1px solid rgba(200, 134, 10, 0.22);
border-radius: 8px;
color: #f0e6d0;
padding: 0.7rem 0.85rem;
font-family: 'Barlow Condensed', sans-serif;
font-size: 1rem;
}
.admin-auth-error,
.admin-auth-note {
margin: 0;
font-family: 'Barlow Condensed', sans-serif;
}
.admin-auth-error {
color: #e05c5c;
}
.admin-auth-note {
color: #a89060;
}
.admin-form-wrap {
max-width: 760px;
margin: 0 auto;