mirror of
https://github.com/maikka39/Personal-Website.git
synced 2026-10-24 06:56:59 +00:00
Fix popup image sizing
This commit is contained in:
@@ -110,6 +110,7 @@ img {
|
|||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
|
||||||
&.left {
|
&.left {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
@@ -134,7 +135,7 @@ img {
|
|||||||
figure {
|
figure {
|
||||||
display: table;
|
display: table;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 25px 0;
|
margin: 1em 0;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@@ -145,6 +146,11 @@ figure {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
picture {
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
&.left {
|
&.left {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
@@ -246,6 +252,10 @@ figure {
|
|||||||
background-color: transparentize(darken($dark-background, 5%), 0.08);
|
background-color: transparentize(darken($dark-background, 5%), 0.08);
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
|
|
||||||
|
picture {
|
||||||
|
max-height: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
color: $dark-color;
|
color: $dark-color;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user