hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enable dark mode just in panel page

Browse Source
This commit is contained in:
Ehsan
2024-09-30 14:15:26 +03:30
parent a824f14800
commit cecd572861
5 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Providers.js
+7 -1
View File
@@ -3,8 +3,14 @@
import { ThemeProvider } from "next-themes";
export function Providers({ children }) {
const isDark = window.location.pathname.includes("/panel");
return (
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<ThemeProvider
attribute={isDark ? "class" : "data-"}
defaultTheme="system"
enableSystem
>
{children}
</ThemeProvider>
);
app/panel/(layout)/layout.js
+11 -11
View File
@@ -31,17 +31,17 @@ function LayoutPanel({ children }) {
<BgGray isActive={active} setIsActive={setActive} />
<main
className={`
w-full transition-all duration-500 dark:bg-[#1F1D2B]
${
pathname.includes("dashboard")
? open
? "md:min-w-[calc(100%_-_243px)] md:w-[calc(100%_-_243px)] xl:min-w-[calc(100%_-_243px_-_332px)] xl:w-[calc(100%_-_243px_-_332px)]"
: "md:min-w-[calc(100%_-_96px)] md:w-[calc(100%_-_96px)] xl:min-w-[calc(100%_-_96px_-_332px)] xl:w-[calc(100%_-_96px_-_332px)]"
: open
? "md:w-[calc(100%-243px)]"
: "md:w-[calc(100%-96px)]"
}
`}
w-full transition-all duration-500 dark:bg-[#1F1D2B]
${
pathname.includes("dashboard")
? open
? "md:min-w-[calc(100%_-_243px)] md:w-[calc(100%_-_243px)] xl:min-w-[calc(100%_-_243px_-_332px)] xl:w-[calc(100%_-_243px_-_332px)]"
: "md:min-w-[calc(100%_-_96px)] md:w-[calc(100%_-_96px)] xl:min-w-[calc(100%_-_96px_-_332px)] xl:w-[calc(100%_-_96px_-_332px)]"
: open
? "md:w-[calc(100%-243px)]"
: "md:w-[calc(100%-96px)]"
}
`}
>
<Header
data={Information}