Inspector: show errors for file loading in dialog [#49]

This commit is contained in:
Brandon Liu
2022-12-04 23:52:24 +08:00
parent 01ccaa9dad
commit 382225d1da
3 changed files with 58 additions and 29 deletions

View File

@@ -8,7 +8,6 @@ import Metadata from "./Metadata";
import { MagnifyingGlassIcon, ImageIcon } from "@radix-ui/react-icons";
import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
import * as DialogPrimitive from "@radix-ui/react-dialog";
const StyledToolbar = styled(ToolbarPrimitive.Root, {
display: "flex",
@@ -60,27 +59,6 @@ const StyledToggleItem = styled(ToolbarPrimitive.ToggleItem, {
"&[data-state=on]": { backgroundColor: "$primary", color: "$primaryText" },
});
const StyledOverlay = styled(DialogPrimitive.Overlay, {
backgroundColor: "black",
position: "fixed",
inset: 0,
opacity: "40%",
zIndex: 3,
});
const StyledContent = styled(DialogPrimitive.Content, {
backgroundColor: "#222",
padding:"$1",
borderRadius: 6,
position: "fixed",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
width: "90vw",
zIndex: 4,
"&:focus": { outline: "none" },
});
const Toolbar = StyledToolbar;
const ToolbarLink = StyledLink;
const ToolbarToggleGroup = StyledToggleGroup;