Phase 13C book-card visual refinement.
This commit is contained in:
parent
90d1bb48d6
commit
831bdf542d
@ -104,14 +104,14 @@
|
||||
<div class="row g-4">
|
||||
@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">
|
||||
<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"
|
||||
alt="Cover for @book.BookTitle"
|
||||
class="img-fluid h-100 w-100"
|
||||
style="aspect-ratio:2 / 3; object-fit:cover; min-height:220px;" />
|
||||
class="img-fluid"
|
||||
style="max-width:100%; max-height:100%; object-fit:contain;" />
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<div class="card-body h-100 d-flex flex-column">
|
||||
|
||||
BIN
PlotLine/wwwroot/uploads/books/10/cover-standard.webp
Normal file
BIN
PlotLine/wwwroot/uploads/books/10/cover-standard.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
PlotLine/wwwroot/uploads/books/10/cover-thumb.webp
Normal file
BIN
PlotLine/wwwroot/uploads/books/10/cover-thumb.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
PlotLine/wwwroot/uploads/books/16/cover-standard.webp
Normal file
BIN
PlotLine/wwwroot/uploads/books/16/cover-standard.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
PlotLine/wwwroot/uploads/books/16/cover-thumb.webp
Normal file
BIN
PlotLine/wwwroot/uploads/books/16/cover-thumb.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Loading…
x
Reference in New Issue
Block a user