yellowadmin/pp-tcms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed dark mode styles

Browse Source
This commit is contained in:
Takeshi Kimata
2024-03-16 20:04:22 +09:00
parent f2145eface
commit f5a2eb24fb
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/app/layout.tsx
View File

@@ -33,12 +33,12 @@ export default function RootLayout({
<head /> <head />
<body <body
className={clsx( className={clsx(
"min-h-screen bg-background font-sans antialiased", "min-h-[calc(100vh-64px)] bg-background font-sans antialiased",
fontSans.variable fontSans.variable
)} )}
> >
<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}> <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 /> <Navbar />
<main>{children}</main> <main>{children}</main>
{/* <footer className="w-full flex items-center justify-center py-3"> {/* <footer className="w-full flex items-center justify-center py-3">

2
frontend/app/projects/[projectId]/folders/[folderId]/cases/[caseId]/steps-editor.tsx
View File

@@ -26,7 +26,7 @@ export default function StepsEditor({
<> <>
{sortedSteps.map((step, index) => ( {sortedSteps.map((step, index) => (
<div key={index} className="flex"> <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>{step.caseSteps.stepNo}</div>
</div> </div>
<Textarea <Textarea

2
frontend/app/projects/[projectId]/folders/layout.tsx
View File

@@ -231,7 +231,7 @@ export default function FoldersLayout({
return ( return (
<div className="flex w-full"> <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 <Button
startContent={<Plus size={16} />} startContent={<Plus size={16} />}
size="sm" size="sm"

2
frontend/app/projects/[projectId]/layout.tsx
View File

@@ -7,7 +7,7 @@ export default function SidebarLayout({
}) { }) {
return ( 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 /> <Sidebar />
<div className="flex w-full"> <div className="flex w-full">
<div className="flex-grow">{children}</div> <div className="flex-grow">{children}</div>