fix: button size
This commit is contained in:
parent
f9a4afcc06
commit
c50ed39453
|
@ -78,25 +78,22 @@ const TaskPage = ({
|
||||||
// const content = await markdownToHtml(tutorial?.content || "");
|
// const content = await markdownToHtml(tutorial?.content || "");
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="md:hidden flex items-center justify-center gap-4 fixed w-screen bottom-0 left-0 z-50 px-4 py-3 bg-background border-t">
|
<div className="flex md:hidden items-center justify-center gap-4 fixed md:static w-screen bottom-0 left-0 z-50 px-4 py-3 bg-background border-t">
|
||||||
<Button
|
<Button
|
||||||
variant={activeMobileView === "tutorial" ? "default" : "outline"}
|
variant={activeMobileView === "tutorial" ? "default" : "outline"}
|
||||||
onClick={() => setActiveMobileView("tutorial")}
|
onClick={() => setActiveMobileView("tutorial")}
|
||||||
size="sm"
|
|
||||||
>
|
>
|
||||||
Tutorial
|
Tutorial
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant={activeMobileView === "code" ? "default" : "outline"}
|
variant={activeMobileView === "code" ? "default" : "outline"}
|
||||||
onClick={() => setActiveMobileView("code")}
|
onClick={() => setActiveMobileView("code")}
|
||||||
size="sm"
|
|
||||||
>
|
>
|
||||||
Code
|
Code
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant={activeMobileView === "output" ? "default" : "outline"}
|
variant={activeMobileView === "output" ? "default" : "outline"}
|
||||||
onClick={() => setActiveMobileView("output")}
|
onClick={() => setActiveMobileView("output")}
|
||||||
size="sm"
|
|
||||||
>
|
>
|
||||||
Output
|
Output
|
||||||
</Button>
|
</Button>
|
||||||
|
@ -162,7 +159,6 @@ const TaskPage = ({
|
||||||
}`}
|
}`}
|
||||||
className={buttonVariants({
|
className={buttonVariants({
|
||||||
variant: "outline",
|
variant: "outline",
|
||||||
size: "sm",
|
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
Prev
|
Prev
|
||||||
|
@ -178,7 +174,6 @@ const TaskPage = ({
|
||||||
}`}
|
}`}
|
||||||
className={buttonVariants({
|
className={buttonVariants({
|
||||||
variant: "outline",
|
variant: "outline",
|
||||||
size: "sm",
|
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
Next
|
Next
|
||||||
|
|
|
@ -122,7 +122,7 @@ export default function EditorWindow({
|
||||||
language={lang}
|
language={lang}
|
||||||
/> */}
|
/> */}
|
||||||
</div>
|
</div>
|
||||||
<div className="h-[calc(100vh-calc(57px+53px))]">
|
<div className="h-[calc(100vh-calc(55px+53px))]">
|
||||||
<CodeEditor
|
<CodeEditor
|
||||||
codeValue={codeValue}
|
codeValue={codeValue}
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
|
|
Loading…
Reference in New Issue