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

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

View File

@ -17,7 +17,7 @@ export default function ProblemDescriptionPage() {
<>
<div className="flex-1">
<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" />
</ScrollArea>
</div>

View File

@ -12,7 +12,7 @@ export default function ProblemSolutionPage() {
<>
<div className="flex-1">
<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" />
</ScrollArea>
</div>

View File

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