discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sky form inputs: form-control look (gold border, pill, page-bg fill, focus glow); login email label matches sky-field label style

Browse Source 
.sky-field input now mirrors .form-control's priUser fill / secUser border & text / pill border-radius / terUser focus glow — same look as the login email input. Readonly inputs (lat/lon) keep opacity:0.6. .input-group label (the "enter email for login" line above the email input) now adopts .sky-field label styling: 0.6rem uppercase, 0.1em letter-spacing, quaUser at 0.8 — so the login form's label/input pair reads as the same component as the sky-field rows.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-08 11:53:05 -04:00
parent 4f2c7d9577
commit 9e68cfd8e4
2 changed files with 29 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/static_src/scss/_base.scss
View File

@@ -89,9 +89,17 @@ body {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
gap: 0.25rem;
z-index: 50;
// Match .sky-field label — small, gold, uppercase, tracked.
label {
font-size: 0.6rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: rgba(var(--quaUser), 0.8);
}
.form-control {
width: 24rem;
text-align: center;