fix: reduce zoom button size to image dimensions

Reduce the size of the zoom button to the dimensions of the image. Change `flex-direction` of the zoomable container to `column` and align its items `center`. Set `max-width` and `max-height` of the zoom button to `100%` to prevent overflows.

Fixes #5586
This commit is contained in:
jojomatik 2023-01-01 11:54:59 +01:00
parent db523f0684
commit fdb75a1e77
No known key found for this signature in database
GPG key ID: A5D2FD1955E99318

View file

@ -131,12 +131,16 @@
&__zoomable-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 40px;
}
&__zoom-button {
@include button-reset;
max-height: 100%;
max-width: 100%;
cursor: zoom-in;
}