wilson/language-learning-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styles: [frontend] Add page and form styles to app.css

Browse source
This commit is contained in:
wilson 2026-05-03 21:34:27 +01:00
parent a5f2f630fe
commit 2d5933ff59
1 changed files with 27 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/app.css
View file

@ -312,6 +312,12 @@ body {
color: var(--color-on-surface-variant); color: var(--color-on-surface-variant);
} }
.field-fieldset {
display: flex;
flex-direction: column;
padding: var(--space-2);
}
.field-input { .field-input {
background-color: var(--color-surface-container-high); background-color: var(--color-surface-container-high);
color: var(--color-on-surface); color: var(--color-on-surface);
@ -516,3 +522,24 @@ body {
color: #b3261e; color: #b3261e;
border-left: 3px solid #b3261e; border-left: 3px solid #b3261e;
} }
/*
LAYOUT: APP PAGE
*/
.app-page {
max-width: 52rem;
margin: 0 auto;
padding: var(--space-8) var(--space-6);
display: flex;
flex-direction: column;
gap: var(--space-6);
.page-title {
font-family: var(--font-display);
font-size: var(--text-headline-lg);
font-weight: var(--weight-semibold);
line-height: var(--leading-snug);
color: var(--color-on-surface);
}
}