Lightbox backdrop fixes

This commit is contained in:
Philipp Heckel 2022-03-03 20:28:16 -05:00
parent 695e029147
commit 3bce0ad4ae
5 changed files with 7 additions and 11 deletions

View file

@ -7,7 +7,7 @@ import {useState} from "react";
import {formatBytes, formatMessage, formatShortDateTime, formatTitle, topicShortUrl, unmatchedTags} from "../app/utils";
import IconButton from "@mui/material/IconButton";
import CloseIcon from '@mui/icons-material/Close';
import {Paragraph, VerticallyCenteredContainer} from "./styles";
import {LightboxBackdrop, Paragraph, VerticallyCenteredContainer} from "./styles";
import {useLiveQuery} from "dexie-react-hooks";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
@ -174,6 +174,7 @@ const Image = (props) => {
<Modal
open={open}
onClose={() => setOpen(false)}
BackdropComponent={LightboxBackdrop}
>
<Fade in={open}>
<Box