joe/common-cents-web
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

break expense component into smaller pieces

Browse source
This commit is contained in:
Joe Arndt 2026-02-19 14:19:25 -06:00
parent e127b8ec45
commit f19c197095
17 changed files with 202 additions and 387 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/app/components/expense/expense.component.scss
View file

@ -20,46 +20,3 @@ mat-card-header {
justify-content: space-between;
}
}
.expense-content {
display: grid;
}
mat-form-field {
width: 100%;
}
.view-tags {
display: flex;
gap: 0.5rem;
align-items: center;
}
@media (min-width: 550px) {
.expense-content {
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.view-note {
grid-column: 1 / span 2;
}
.view-tags {
grid-column: 1 / span 2;
}
}
@media (min-width: 800px) {
.expense-content {
grid-template-columns: 1fr 1fr 1fr;
}
.view-note {
grid-column: 2 / span 2;
}
.view-tags {
grid-column: 1 / span 3;
}
}