cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: better book page mobile styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-05 16:44:10 -07:00
parent 10805b4193
commit 572d074fea
No known key found for this signature in database
3 changed files with 36 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/assets/styles/pages/books.css
View file

@ -90,18 +90,28 @@
& .book-display {
display: flex;
flex-direction: row;
flex-direction: column;
align-items: center;
gap: var(--sizing-base);
margin-bottom: var(--sizing-base);
& .book-meta {
width: 100%;
align-items: center;
& p {
margin: 0;
}
& .progress-bar-wrapper {
max-width: 50%;
}
}
}
p {
margin: var(--sizing-base) 0;
}
& .book-meta p {
margin: 0;
}
}
@media screen and (min-width: 768px) {
@ -115,7 +125,21 @@
& .progress-bar-wrapper {
margin-top: 0;
max-width: 40%;
max-width: 50%;
}
}
}
.book-focus .book-display {
flex-direction: row;
align-items: start;
& .book-meta {
width: auto;
align-items: start;
& .progress-bar-wrapper {
max-width: none;
}
}
}