fix: lightbox image styling
This commit is contained in:
parent
37d034db39
commit
3925028d5b
1 changed files with 3 additions and 3 deletions
|
@ -375,17 +375,17 @@ img.emoji {
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox img {
|
.lightbox img {
|
||||||
--padding: 2rem;
|
|
||||||
box-shadow: var(--shadow-x-offset) var(--shadow-y-offset) var(--shadow-size)
|
box-shadow: var(--shadow-x-offset) var(--shadow-y-offset) var(--shadow-size)
|
||||||
var(--color-shadow);
|
var(--color-shadow);
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
animation: popin ease-in-out 1 0.15s forwards running;
|
animation: popin ease-in-out 1 0.15s forwards running;
|
||||||
max-height: calc(100dvh - var(--padding));
|
|
||||||
max-width: calc(100dvh - var(--padding));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox a {
|
.lightbox a {
|
||||||
|
--padding: 2rem;
|
||||||
cursor: zoom-in;
|
cursor: zoom-in;
|
||||||
|
max-height: calc(100dvh - var(--padding));
|
||||||
|
max-width: calc(100dvh - var(--padding));
|
||||||
}
|
}
|
||||||
|
|
||||||
/* avatar/banner */
|
/* avatar/banner */
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue