alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat(ext/login): add surface flag for two-column fullscreen form

Browse Source 
renderForm() takes an optional { surface: 'popup' | 'fullscreen' }
parameter. When 'fullscreen', the Identity and Credentials field
groups render as glass cards inside a .form-grid (two columns,
stacks at <=720px). Popup keeps its single-column layout.
This commit is contained in:
adlee-was-taken
2026-05-02 15:01:35 -04:00
parent 058a49f68b
commit a28b456191
4 changed files with 153 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
extension/src/vault/vault.css
View File

@@ -1580,3 +1580,28 @@ textarea {
outline: none;
box-shadow: var(--focus-ring);
}
/* Phase 2B: two-column form grid for fullscreen login */
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
max-width: 960px;
margin: 0 auto;
}
@media (max-width: 720px) {
.form-grid { grid-template-columns: 1fr; }
}
.form-col {
padding: 14px 16px;
}
.col-header {
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: 500;
color: var(--text-muted);
font-size: 10px;
border-bottom: 1px solid var(--border-mid);
padding-bottom: 6px;
margin-bottom: 12px;
}