Toast/shows-admin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Pages/shows: fix card grid

Browse source
This commit is contained in:
Toast 2025-02-06 20:12:08 +01:00
parent 1c9b1487de
commit 13153fc9d4
1 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/pages/shows/shows.component.html
View file

@ -1,17 +1,19 @@
<div class="container">
<div class="row row-cols-4">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
@for (show of shows; track show._id) {
<div class="card col">
<!-- <img src="">-->
<div class="card-body">
<h5 class="card-title">{{ show.title }}</h5>
<p class="card-text">{{ show.date | date }}</p>
<button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)">
<i class="bi bi-trash"></i>
</button>
<button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)">
<i class="bi bi-pencil"></i>
</button>
<div class="col">
<div class="card h-100">
<!-- <img src="">-->
<div class="card-body">
<h5 class="card-title">{{ show.title }}</h5>
<p class="card-text">{{ show.date | date }}</p>
<button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)">
<i class="bi bi-trash"></i>
</button>
<button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)">
<i class="bi bi-pencil"></i>
</button>
</div>
</div>
</div>
}