CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(globals): migrate global styles to components and adjust layout

Browse Source
This commit is contained in:
cfngc4594 2025-03-24 13:57:26 +08:00
parent 378d568694
commit 599d44b341
3 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(app)/problems/[id]/@problem/@description/page.tsx
View File

@ -17,7 +17,7 @@ export default function ProblemDescriptionPage() {
<> <>
<div className="flex-1"> <div className="flex-1">
<ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-130px)]"> <ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-130px)]">
<MdxPreview source={problem.description} /> <MdxPreview source={problem.description} className="box-border min-w-[200px] max-w-[980px] mx-auto p-4 md:p-6" />
<ScrollBar orientation="horizontal" /> <ScrollBar orientation="horizontal" />
</ScrollArea> </ScrollArea>
</div> </div>

2
src/app/(app)/problems/[id]/@problem/@solution/page.tsx
View File

@ -12,7 +12,7 @@ export default function ProblemSolutionPage() {
<> <>
<div className="flex-1"> <div className="flex-1">
<ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-130px)]"> <ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-130px)]">
<MdxPreview source={problem.solution} /> <MdxPreview source={problem.solution} className="box-border min-w-[200px] max-w-[980px] mx-auto p-4 md:p-6" />
<ScrollBar orientation="horizontal" /> <ScrollBar orientation="horizontal" />
</ScrollArea> </ScrollArea>
</div> </div>

11
src/app/globals.css
View File

@ -90,11 +90,6 @@
} }
.markdown-body { .markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 980px;
margin: 0 auto;
padding: 45px;
font-family: "Fira Code"; font-family: "Fira Code";
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
@ -109,12 +104,6 @@
line-height: 20px; line-height: 20px;
} }
@media (max-width: 768px) {
.markdown-body {
padding: 15px;
}
}
code[data-theme*=" "], code[data-theme*=" "],
code[data-theme*=" "] span { code[data-theme*=" "] span {
color: var(--shiki-light); color: var(--shiki-light);