dmolinari/SIG-CM2.0
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): agregar ThemeToggle en PublicLayout (login)

Browse Source 
El ThemeToggle solo vivia en AppHeader (ProtectedLayout), por lo que
desde /login era imposible cambiar el tema. Movido a esquina superior
derecha con z-index 20 sobre el gradient mesh.

useTheme defaultea a system preference, pero el usuario tiene que poder
override desde cualquier pantalla — incluido el login.
This commit is contained in:
dmolinari
2026-04-16 11:05:39 -03:00
parent 6e6c729bac
commit 3bc2625e21
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/src/layouts/PublicLayout.tsx
View File

@@ -1,4 +1,5 @@
import type { ReactNode } from 'react' import type { ReactNode } from 'react'
import { ThemeToggle } from '@/components/layout/ThemeToggle'
interface PublicLayoutProps { interface PublicLayoutProps {
children: ReactNode children: ReactNode
@@ -24,6 +25,11 @@ export function PublicLayout({ children }: PublicLayoutProps) {
<div className="absolute top-[-20%] right-[-10%] w-[500px] h-[500px] rounded-full bg-brand-500/10 dark:bg-brand-500/15 blur-[120px] pointer-events-none" /> <div className="absolute top-[-20%] right-[-10%] w-[500px] h-[500px] rounded-full bg-brand-500/10 dark:bg-brand-500/15 blur-[120px] pointer-events-none" />
<div className="absolute bottom-[-20%] left-[-10%] w-[500px] h-[500px] rounded-full bg-violet-500/10 dark:bg-violet-500/12 blur-[120px] pointer-events-none" /> <div className="absolute bottom-[-20%] left-[-10%] w-[500px] h-[500px] rounded-full bg-violet-500/10 dark:bg-violet-500/12 blur-[120px] pointer-events-none" />
{/* Theme toggle — top-right, glass over gradient */}
<div className="absolute top-4 right-4 z-20">
<ThemeToggle />
</div>
{/* Content */} {/* Content */}
<div className="relative z-10 w-full flex justify-center">{children}</div> <div className="relative z-10 w-full flex justify-center">{children}</div>
</div> </div>