Fixed dark mode styles
This commit is contained in:
@@ -33,12 +33,12 @@ export default function RootLayout({
|
||||
<head />
|
||||
<body
|
||||
className={clsx(
|
||||
"min-h-screen bg-background font-sans antialiased",
|
||||
"min-h-[calc(100vh-64px)] bg-background font-sans antialiased",
|
||||
fontSans.variable
|
||||
)}
|
||||
>
|
||||
<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
|
||||
<div className="relative flex flex-col h-screen light:bg-gray-50 dark:bg-gray-900">
|
||||
<div className="relative flex flex-col min-h-screen light:bg-gray-50 dark:bg-gray-950">
|
||||
<Navbar />
|
||||
<main>{children}</main>
|
||||
{/* <footer className="w-full flex items-center justify-center py-3">
|
||||
|
||||
@@ -26,7 +26,7 @@ export default function StepsEditor({
|
||||
<>
|
||||
{sortedSteps.map((step, index) => (
|
||||
<div key={index} className="flex">
|
||||
<div className="bg-gray-50 rounded-full flex items-center justify-center min-w-unit-8 w-unit-8 h-unit-8 mt-3 me-2">
|
||||
<div className="bg-gray-50 dark:bg-gray-900 rounded-full flex items-center justify-center min-w-unit-8 w-unit-8 h-unit-8 mt-3 me-2">
|
||||
<div>{step.caseSteps.stepNo}</div>
|
||||
</div>
|
||||
<Textarea
|
||||
|
||||
@@ -231,7 +231,7 @@ export default function FoldersLayout({
|
||||
|
||||
return (
|
||||
<div className="flex w-full">
|
||||
<div className="w-64 min-h-screen border-r-1 dark:border-neutral-700">
|
||||
<div className="w-64 min-h-[calc(100vh-64px)] border-r-1 dark:border-neutral-700">
|
||||
<Button
|
||||
startContent={<Plus size={16} />}
|
||||
size="sm"
|
||||
|
||||
@@ -7,7 +7,7 @@ export default function SidebarLayout({
|
||||
}) {
|
||||
return (
|
||||
<>
|
||||
<div className="flex border-t-1 dark:border-neutral-700 min-h-screen">
|
||||
<div className="flex border-t-1 dark:border-neutral-700 min-h-[calc(100vh-64px)]">
|
||||
<Sidebar />
|
||||
<div className="flex w-full">
|
||||
<div className="flex-grow">{children}</div>
|
||||
|
||||
Reference in New Issue
Block a user