refactor: simplify HTML structure and remove unused CSS classes
This commit is contained in:
@@ -8,7 +8,10 @@
|
||||
|
||||
<div class="mb-3">
|
||||
<h2>
|
||||
<a asp-area="" asp-controller="" asp-action="" asp-route-style="@Model.Details.ArtisteNom">@Model.Details.ArtisteNom</a>
|
||||
<a asp-area=""
|
||||
asp-controller="Artiste"
|
||||
asp-action="Index"
|
||||
asp-route-nom="@Model.Details.ArtisteNom">@Model.Details.ArtisteNom</a>
|
||||
- @Model.Details.Libelle
|
||||
</h2>
|
||||
|
||||
@@ -63,7 +66,7 @@
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<a class="btn text-primary btn-sm">
|
||||
<a asp-area="Administration" asp-controller="Titre" asp-action="Edit" asp-route-id="@Model.Details.IdTitre" class="btn text-primary btn-sm">
|
||||
<i class="fa fa-pen-to-square me-1"></i> Editer
|
||||
</a>
|
||||
|
||||
|
||||
@@ -10,7 +10,9 @@
|
||||
<!-- COLUMN -->
|
||||
<div class="col-md-8">
|
||||
|
||||
<h1 class="mb-4 titre-h1">Titres ayant le style @Model.StyleName</h1>
|
||||
<h1 class="mb-4">Titres ayant le style @Model.StyleName</h1>
|
||||
|
||||
<hr />
|
||||
|
||||
@if (!Model.Titres.Any())
|
||||
{
|
||||
@@ -22,22 +24,21 @@
|
||||
{
|
||||
@foreach (var titre in Model.Titres)
|
||||
{
|
||||
<div class="titre-item d-flex align-items-start">
|
||||
<div class="d-flex align-items-start my-3">
|
||||
|
||||
<!-- Image -->
|
||||
<div class="me-3">
|
||||
<img src="@titre.UrlJaquette" alt="@titre.Libelle" />
|
||||
<img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70px" height="70px" class="object-fit-cover" />
|
||||
</div>
|
||||
|
||||
<!-- Infos -->
|
||||
<div>
|
||||
<div class="justify-content-center d-flex flex-column">
|
||||
<a asp-action="Details"
|
||||
asp-route-id="@titre.IdTitre"
|
||||
class="titre-link">
|
||||
asp-route-id="@titre.IdTitre">
|
||||
@titre.ArtisteNom - @titre.Libelle
|
||||
</a>
|
||||
|
||||
<div class="titre-duree">
|
||||
<div>
|
||||
Durée : @TimeSpan.FromSeconds(titre.Duree).ToString(@"mm\:ss")
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,33 +1,3 @@
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.titre-h1 {
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.titre-item {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.titre-item img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.titre-link {
|
||||
font-size: 1.1rem;
|
||||
color: #0d6efd;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.titre-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.titre-duree {
|
||||
font-size: 0.9rem;
|
||||
color: #666;
|
||||
}
|
||||
Reference in New Issue
Block a user