Phase 13C book-card visual refinement.
This commit is contained in:
parent
90d1bb48d6
commit
831bdf542d
@ -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">
|
||||||
|
|||||||
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