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="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) { @for (show of shows; track show._id) {
<div class="card col"> <div class="col">
<!-- <img src="">--> <div class="card h-100">
<div class="card-body"> <!-- <img src="">-->
<h5 class="card-title">{{ show.title }}</h5> <div class="card-body">
<p class="card-text">{{ show.date | date }}</p> <h5 class="card-title">{{ show.title }}</h5>
<button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)"> <p class="card-text">{{ show.date | date }}</p>
<i class="bi bi-trash"></i> <button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)">
</button> <i class="bi bi-trash"></i>
<button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)"> </button>
<i class="bi bi-pencil"></i> <button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)">
</button> <i class="bi bi-pencil"></i>
</button>
</div>
</div> </div>
</div> </div>
} }