fix: button size

This commit is contained in:
mehedi-hasan 2024-04-21 19:01:47 +06:00
parent f9a4afcc06
commit c50ed39453
2 changed files with 2 additions and 7 deletions

View File

@ -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

View File

@ -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