reivilibre
/
mirror-zola
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix theme images loading (#2517) 

* chore: format themes file

* feat: add aspect ratio to theme images
This commit is contained in:
FireIsGood 2024-06-11 02:48:55 -07:00 committed by GitHub
parent 8aedec9843
commit 0056851e31
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/sass/_themes.scss
View File

@ -1,4 +1,3 @@
.themes-container { .themes-container {
padding: 3rem; padding: 3rem;
width: 80%; width: 80%;
@ -9,7 +8,7 @@
} }
} }
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
.themes-container { .themes-container {
width: 100%; width: 100%;
margin: 0 1rem; margin: 0 1rem;
@ -32,6 +31,7 @@
img { img {
width: 100%; width: 100%;
aspect-ratio: 16 / 9;
height: 90%; height: 90%;
object-fit: cover; object-fit: cover;
} }
@ -54,21 +54,21 @@
margin-right: 2rem; margin-right: 2rem;
} }
h1, p { h1,
p {
margin: 0; margin: 0;
} }
padding: 1rem; padding: 1rem;
} }
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1000px) {
.themes .theme { .themes .theme {
width: 100%; width: 100%;
} }
} }
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
.theme-info { .theme-info {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;