blomios/ReadaBook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): bibliothèque et lecteur — grilles de livres bornées à 5 colonnes (max-width calc sur .book-grid et .home-book-grid), retrait du bandeau « API absente ou incomplete » de l'accueil, et véritables pages d'erreur « Livre introuvable » sur fiche et lecteur (suppression de getApiFallback, retour à l'accueil + réessayer — évolution #46)

Browse Source
This commit is contained in:
Git Agent
2026-08-28 23:29:03 +02:00
parent 644a4b0183
commit c2cdb07f9a
6 changed files with 106 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/web/src/styles/app.css
View File

@ -161,9 +161,13 @@ h2 {
}
.book-grid {
--book-grid-column-min: 240px;
--book-grid-gap: 16px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(var(--book-grid-column-min), 1fr));
gap: var(--book-grid-gap);
width: 100%;
max-width: calc((var(--book-grid-column-min) * 5) + (var(--book-grid-gap) * 4));
}
.book-card {
@ -237,6 +241,15 @@ h2 {
white-space: pre-line;
}
.book-error-page,
.reader-missing-page {
display: grid;
align-items: center;
width: min(100%, 680px);
min-height: 60vh;
margin: 0 auto;
}
.book-card-description {
display: -webkit-box;
overflow: hidden;
@ -439,9 +452,13 @@ h2 {
}
.home-book-grid {
--book-grid-column-min: 190px;
--book-grid-gap: 14px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(var(--book-grid-column-min), 1fr));
gap: var(--book-grid-gap);
width: 100%;
max-width: calc((var(--book-grid-column-min) * 5) + (var(--book-grid-gap) * 4));
}
.home-book-card {