litchi/judge
1
0
Fork 0
mirror of https://litchi.icu/ngc2207/judge.git synced 2025-05-18 16:17:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(playground): adjust layout sizes for panels and improve result display structure

Browse Source
This commit is contained in:
ngc2207 2025-01-08 20:41:06 +08:00
parent c0a8240008
commit 9af363dbdb
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/playground/layout.tsx
View File

@ -18,17 +18,13 @@ export default function PlaygroundLayout() {
<ResizablePanelGroup direction="horizontal">
<ResizablePanel defaultSize={25}>One</ResizablePanel>
<ResizableHandle className="bg-[#3e4452]" />
<ResizablePanel defaultSize={75}>
<ResizablePanel defaultSize={50}>
<ResizablePanelGroup direction="vertical">
<ResizablePanel defaultSize={75}>
<ResizablePanelGroup direction="horizontal">
<ResizablePanel defaultSize={75}>
<EditorPanel />
</ResizablePanel>
<ResizableHandle className="bg-[#3e4452]" />
<ResizablePanel defaultSize={25}>
<Chat />
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>
<ResizableHandle className="bg-[#3e4452]" />
@ -37,6 +33,10 @@ export default function PlaygroundLayout() {
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>
<ResizableHandle className="bg-[#3e4452]" />
<ResizablePanel defaultSize={25}>
<Chat />
</ResizablePanel>
</ResizablePanelGroup>
</div>
</div>

16
src/app/playground/layout/terminal/result.tsx
View File

@ -12,14 +12,16 @@ export default function ResultPage() {
return (
<>
{type && message && (
<ScrollArea className="h-full bg-[#272B33]">
<>
<Message type={type} message={message} />
{output && (
<SyntaxHighlighter language="bash" style={oneDark}>
{output}
</SyntaxHighlighter>
)}
</ScrollArea>
<ScrollArea className="h-full bg-[#272B33]">
{output && (
<SyntaxHighlighter language="bash" style={oneDark}>
{output}
</SyntaxHighlighter>
)}
</ScrollArea>
</>
)}
</>
);