mirror of
https://litchi.icu/ngc2207/judge.git
synced 2025-05-18 16:07:04 +00:00
feat(playground): adjust layout sizes for panels and improve result display structure
This commit is contained in:
parent
c0a8240008
commit
9af363dbdb
@ -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>
|
||||
|
@ -12,14 +12,16 @@ export default function ResultPage() {
|
||||
return (
|
||||
<>
|
||||
{type && message && (
|
||||
<ScrollArea className="h-full bg-[#272B33]">
|
||||
<>
|
||||
<Message type={type} message={message} />
|
||||
<ScrollArea className="h-full bg-[#272B33]">
|
||||
{output && (
|
||||
<SyntaxHighlighter language="bash" style={oneDark}>
|
||||
{output}
|
||||
</SyntaxHighlighter>
|
||||
)}
|
||||
</ScrollArea>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user