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

fix: 404 + dry up styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-11-28 20:43:06 -08:00
parent 984773793d
commit ef133b7dca
No known key found for this signature in database
2 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
public/_redirects
View file

@ -82,4 +82,5 @@
/posts/2022/simple-api-fetch-hooks-with-swr/ /posts/2022/simple-data-fetching-with-custom-react-hooks-and-swr/ 301 /posts/2022/simple-api-fetch-hooks-with-swr/ /posts/2022/simple-data-fetching-with-custom-react-hooks-and-swr/ 301
/posts/2023/drying-up-now-page-templates-eleventy/ /posts/2023/drying-up-now-page-templates-and-normalizing-data-in-eleventy/ 301 /posts/2023/drying-up-now-page-templates-eleventy/ /posts/2023/drying-up-now-page-templates-and-normalizing-data-in-eleventy/ 301
/posts/2023/hacking-together-a-tweeklyfm-replacement.html /posts/2023/hacking-together-a-tweeklyfm-replacement/ 301 /posts/2023/hacking-together-a-tweeklyfm-replacement.html /posts/2023/hacking-together-a-tweeklyfm-replacement/ 301
/posts/2024/setting-up-image-transforms-in-eleventy.html /posts/2024/setting-up-image-transforms-in-eleventy 301 /posts/2024/setting-up-image-transforms-in-eleventy.html /posts/2024/setting-up-image-transforms-in-eleventy 301
/posts/2023/displaying-listening-data-from-apple-music-using-musickitjs.html /posts/2023/displaying-listening-data-from-apple-music-using-musickitjs 301

17
src/styles/pages/books.css
View file

@ -1,3 +1,11 @@
:root {
--progress-bar-width: 50%;
@media screen and (min-width: 768px) {
--progress-bar-width: 75%;
}
}
:is(.book-entry, .book-focus) img { :is(.book-entry, .book-focus) img {
height: auto; height: auto;
aspect-ratio: var(--aspect-ratio-vertical); aspect-ratio: var(--aspect-ratio-vertical);
@ -38,12 +46,11 @@
} }
& .progress-bar-wrapper { & .progress-bar-wrapper {
max-width: 75%; max-width: var(--progress-bar-width);
margin-bottom: 0; margin-bottom: 0;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
margin-top: 0; margin-top: 0;
max-width: 50%;
} }
} }
} }
@ -76,11 +83,7 @@
} }
& .progress-bar-wrapper { & .progress-bar-wrapper {
max-width: 50%; max-width: var(--progress-bar-width);
@media screen and (min-width: 768px) {
max-width: 75%;
}
} }
} }
} }