Phase 13C book-card visual refinement.

This commit is contained in:
Nick Beckley 2026-06-15 15:31:44 +01:00
parent 90d1bb48d6
commit 831bdf542d
5 changed files with 4 additions and 4 deletions

View File

@ -104,14 +104,14 @@
<div class="row g-4"> <div class="row g-4">
@foreach (var book in Model.Books) @foreach (var book in Model.Books)
{ {
<div class="col-12 col-md-6 col-xl-4 col-xxl-3"> <div class="col-12 col-md-6 col-lg-4">
<article class="card h-100 overflow-hidden"> <article class="card h-100 overflow-hidden">
<div class="row g-0 h-100"> <div class="row g-0 h-100">
<div class="col-4"> <div class="col-4 d-flex align-items-center justify-content-center" style="aspect-ratio:2 / 3; background:var(--plotline-soft);">
<img src="@book.CoverThumbnailPath" <img src="@book.CoverThumbnailPath"
alt="Cover for @book.BookTitle" alt="Cover for @book.BookTitle"
class="img-fluid h-100 w-100" class="img-fluid"
style="aspect-ratio:2 / 3; object-fit:cover; min-height:220px;" /> style="max-width:100%; max-height:100%; object-fit:contain;" />
</div> </div>
<div class="col-8"> <div class="col-8">
<div class="card-body h-100 d-flex flex-column"> <div class="card-body h-100 d-flex flex-column">

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB