Fix ImageZoom

Also fixes the image modal being off centre when having the plugin enabled

Co-Authored-By: sadan <117494111+sadan4@users.noreply.github.com>
This commit is contained in:
Vendicated 2024-10-23 04:22:11 +02:00
parent a11ccde40f
commit 0af820c874
No known key found for this signature in database
GPG key ID: D66986BAF75ECF18
6 changed files with 28 additions and 28 deletions

View file

@ -1,3 +1,24 @@
.vc-position-inherit {
position: inherit;
}
/**
* copy pasted from discord css. not really webpack-findable since it's the only class in the module
**/
.vc-image-modal {
background: transparent!important;
box-shadow: none!important;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0
}
@media(width <= 485px) {
.vc-image-modal {
display:relative;
overflow: visible;
overflow: initial
}
}

View file

@ -117,6 +117,7 @@ export function openImageModal(props: Omit<ImageModalItem, "type">): string {
return openModal(modalProps => (
<ImageModal
{...modalProps}
className="vc-image-modal"
fit="vc-position-inherit"
items={[{
type: "IMAGE",