backend: rework gallery hyperlinks styling

Apply properties to a element, not img. Set "line-height: 0" to remove
extraneous extra space at the bottom of the image, still inside a
element.
This commit is contained in:
Lucas 2023-03-17 22:58:41 +00:00
parent a7e5d3d3d5
commit 9e189f37fb

View File

@ -158,9 +158,11 @@ dd {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
.gallery > a > img, .gallery > a,
.gallery > a:link > img, .gallery > a:link,
.gallery > a:visited > img { .gallery > a:visited {
line-height: 0;
max-height: 24rem; max-height: 24rem;
max-width: 14rem; max-width: 14rem;
@ -169,8 +171,8 @@ dd {
outline-color: var(--accent); outline-color: var(--accent);
} }
.gallery > a:hover > img, .gallery > a:hover,
.gallery > a:active > img { .gallery > a:active {
outline-color: var(--accent-hover); outline-color: var(--accent-hover);
} }