fix apply theme on load

programming-with-ia · programming-with-ia · commit f5ae938e86a0 · 2024-08-15T14:27:35.000+05:00
diff --git a/app/src/app/globals.css b/app/src/app/globals.css
@@ -77,7 +77,7 @@ svg rect {
 #shadcn-theme-editor {
   @apply w-fit
 }
-#shadcn-theme-editor > aside {
+div[role="dialog"] > #shadcn-theme-editor > aside {
   @apply !flex flex-col !static !bg-transparent
 }
 #shadcn-theme-editor> aside  > :nth-last-child(2) {
diff --git a/app/src/app/layout.tsx b/app/src/app/layout.tsx
@@ -31,7 +31,7 @@ export default async function RootLayout({
           </header>
           <main className="w-full">
             <div className="w-full flex flex-col justify-between md:px-8 px-4 lg:px-12 min-h-screen">{children}</div>
-            {/* <ShadcnThemeEditor /> */}
+            <ShadcnThemeEditor />
             <ThemeEditor />
           </main>
         </ThemeProvider>

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ svg rect {`
`77`	`77`	`#shadcn-theme-editor {`
`78`	`78`	`@apply w-fit`
`79`	`79`	`}`
`80`		`-#shadcn-theme-editor > aside {`
	`80`	`+div[role="dialog"] > #shadcn-theme-editor > aside {`
`81`	`81`	`@apply !flex flex-col !static !bg-transparent`
`82`	`82`	`}`
`83`	`83`	`#shadcn-theme-editor> aside > :nth-last-child(2) {`