basic card content formatting

This commit is contained in:
Joe Arndt 2026-02-25 16:19:59 -06:00
parent f71dd5b315
commit 759086f7c5
2 changed files with 18 additions and 6 deletions

View file

@ -5,12 +5,18 @@
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
@for (category of categories(); track category.id) { <div class="category-list">
{{ category.name }} @for (category of categories(); track category.id) {
} <div>
@if (!categories().length) { {{ category.name }}
No categories to display </div>
} }
@if (!categories().length) {
<div>
No categories to display
</div>
}
</div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>

View file

@ -11,3 +11,9 @@
width: 100%; width: 100%;
} }
} }
.category-list {
padding-top: 1rem;
display: grid;
gap: 0.5rem;
}