mirror of
https://github.com/massbug/judge4c.git
synced 2025-05-18 07:16:34 +00:00
refactor(globals): migrate global styles to components and adjust layout
This commit is contained in:
parent
378d568694
commit
599d44b341
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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);
|
||||
|
Loading…
Reference in New Issue
Block a user