CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-07-04 01:10:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(panel): add horizontal scrollbar to edit panels

Browse Source
This commit is contained in:
cfngc4594 2025-06-21 01:54:15 +08:00
parent 66403dbdb9
commit d437485b22
5 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/creater/edit-code-panel.tsx
View File

@ -6,8 +6,8 @@ import { Language } from "@/generated/client";
import { Button } from "@/components/ui/button";
import React, { useEffect, useState } from "react";
import { CoreEditor } from "@/components/core-editor";
import { ScrollArea } from "@/components/ui/scroll-area";
import { getProblemData } from "@/app/actions/getProblem";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
import { updateProblemTemplate } from "@/components/creater/problem-maintain";
@ -112,6 +112,7 @@ export default function EditCodePanel({ problemId }: EditCodePanelProps) {
</div>
</CardContent>
</Card>
<ScrollBar orientation="horizontal" />
</ScrollArea>
</PanelLayout>
);

3
src/components/creater/edit-description-panel.tsx
View File

@ -13,10 +13,10 @@ import MdxPreview from "@/components/mdx-preview";
import React, { useEffect, useState } from "react";
import { Accordion } from "@/components/ui/accordion";
import { CoreEditor } from "@/components/core-editor";
import { ScrollArea } from "@/components/ui/scroll-area";
import { getProblemData } from "@/app/actions/getProblem";
import { VideoEmbed } from "@/components/content/video-embed";
import { getProblemLocales } from "@/app/actions/getProblemLocales";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@ -211,6 +211,7 @@ export default function EditDescriptionPanel({
</div>
</CardContent>
</Card>
<ScrollBar orientation="horizontal" />
</ScrollArea>
</PanelLayout>
);

3
src/components/creater/edit-detail-panel.tsx
View File

@ -6,8 +6,8 @@ import { Input } from "@/components/ui/input";
import { Button } from "@/components/ui/button";
import { Difficulty } from "@/generated/client";
import React, { useState, useEffect } from "react";
import { ScrollArea } from "@/components/ui/scroll-area";
import { getProblemData } from "@/app/actions/getProblem";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
import { updateProblemDetail } from "@/components/creater/problem-maintain";
@ -163,6 +163,7 @@ export default function EditDetailPanel({ problemId }: { problemId: string }) {
</div>
</CardContent>
</Card>
<ScrollBar orientation="horizontal" />
</ScrollArea>
</PanelLayout>
);

3
src/components/creater/edit-solution-panel.tsx
View File

@ -9,10 +9,10 @@ import MdxPreview from "@/components/mdx-preview";
import React, { useEffect, useState } from "react";
import { Accordion } from "@/components/ui/accordion";
import { CoreEditor } from "@/components/core-editor";
import { ScrollArea } from "@/components/ui/scroll-area";
import { getProblemData } from "@/app/actions/getProblem";
import { VideoEmbed } from "@/components/content/video-embed";
import { getProblemLocales } from "@/app/actions/getProblemLocales";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
import { updateProblemSolution } from "@/components/creater/problem-maintain";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@ -204,6 +204,7 @@ export default function EditSolutionPanel({
</Button>
</CardContent>
</Card>
<ScrollBar orientation="horizontal" />
</ScrollArea>
</PanelLayout>
);

3
src/components/creater/edit-testcase-panel.tsx
View File

@ -10,9 +10,9 @@ import {
} from "@/components/creater/problem-maintain";
import { Button } from "@/components/ui/button";
import React, { useState, useEffect } from "react";
import { ScrollArea } from "@/components/ui/scroll-area";
import { getProblemData } from "@/app/actions/getProblem";
import { generateAITestcase } from "@/app/actions/ai-testcase";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
@ -272,6 +272,7 @@ export default function EditTestcasePanel({
))}
</CardContent>
</Card>
<ScrollBar orientation="horizontal" />
</ScrollArea>
</PanelLayout>
);