mirror of
https://github.com/Equicord/Equicord.git
synced 2025-06-16 09:57:08 -04:00
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:
parent
a11ccde40f
commit
0af820c874
6 changed files with 28 additions and 28 deletions
|
@ -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
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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",
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue