fix: dialog styles

This commit is contained in:
MystiPanda 2024-07-03 13:13:29 +08:00
parent 294e1f5b10
commit cdadc80945
2 changed files with 5 additions and 5 deletions

View File

@ -162,7 +162,7 @@ export const EditorViewer = <T extends Language>(props: Props<T>) => {
<Dialog open={open} onClose={onClose} maxWidth="xl" fullWidth> <Dialog open={open} onClose={onClose} maxWidth="xl" fullWidth>
<DialogTitle>{title}</DialogTitle> <DialogTitle>{title}</DialogTitle>
<DialogContent sx={{ width: "auto", height: "100vh" }}> <DialogContent sx={{ width: "auto", height: "calc(100vh - 185px)" }}>
<MonacoEditor <MonacoEditor
language={language} language={language}
theme={themeMode === "light" ? "vs" : "vs-dark"} theme={themeMode === "light" ? "vs" : "vs-dark"}

View File

@ -391,12 +391,13 @@ export const RulesEditorViewer = (props: Props) => {
} }
</DialogTitle> </DialogTitle>
<DialogContent sx={{ display: "flex", width: "auto", height: "100vh" }}> <DialogContent
sx={{ display: "flex", width: "auto", height: "calc(100vh - 185px)" }}
>
{visible ? ( {visible ? (
<> <>
<List <List
sx={{ sx={{
height: "calc(100% - 16px)",
width: "50%", width: "50%",
padding: "0 10px", padding: "0 10px",
}} }}
@ -520,7 +521,6 @@ export const RulesEditorViewer = (props: Props) => {
<List <List
sx={{ sx={{
height: "calc(100% - 16px)",
width: "50%", width: "50%",
padding: "0 10px", padding: "0 10px",
}} }}
@ -530,7 +530,7 @@ export const RulesEditorViewer = (props: Props) => {
onSearch={(match) => setMatch(() => match)} onSearch={(match) => setMatch(() => match)}
/> />
<Virtuoso <Virtuoso
style={{ height: "calc(100% - 16px)", marginTop: "8px" }} style={{ height: "calc(100% - 24px)", marginTop: "8px" }}
totalCount={ totalCount={
filteredRuleList.length + filteredRuleList.length +
(prependSeq.length > 0 ? 1 : 0) + (prependSeq.length > 0 ? 1 : 0) +