Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(code-editor): refactor layout structure and improve editor height handling

Browse Source
This commit is contained in:
cfngc4594 2025-02-20 00:59:53 +08:00
parent 423951ec58
commit 63501a3f6c
1 changed files with 21 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/code-editor.tsx
View File

@ -70,27 +70,26 @@ export default function CodeEditor() {
}, []);
return (
<div className="h-screen flex flex-col">
<DynamicEditor
theme={
resolvedTheme === "light"
? "github-light-default"
: "github-dark-default"
}
defaultLanguage="c"
defaultValue="# include<stdio.h>"
path="file:///main.c"
beforeMount={(monaco) => {
shikiToMonaco(highlighter, monaco);
}}
onValidate={(markers) => {
markers.forEach((marker) =>
console.log("onValidate:", marker.message)
);
}}
options={{ automaticLayout: true }}
loading={<Skeleton className="h-full w-full p-4" />}
/>
</div>
<DynamicEditor
defaultLanguage="c"
defaultValue="# include<stdio.h>"
path="file:///main.c"
theme={
resolvedTheme === "light"
? "github-light-default"
: "github-dark-default"
}
height="100%"
options={{ automaticLayout: true }}
beforeMount={(monaco) => {
shikiToMonaco(highlighter, monaco);
}}
onValidate={(markers) => {
markers.forEach((marker) =>
console.log("onValidate:", marker.message)
);
}}
loading={<Skeleton className="h-full w-full p-4" />}
/>
);
}