julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Correction de l'alignement des icônes jour/nuit - Ajout d'un conteneur relatif pour assurer un positionnement correct - Utilisation de inset-0 pour un alignement parfait des icônes

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-12 13:21:15 +01:00
parent 5b9a8fdb6e
commit fe79783634
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/layout/Header.tsx
View File

@@ -37,8 +37,10 @@ export function Header({ onToggleSidebar }: HeaderProps) {
className="px-2 py-1.5 hover:bg-accent hover:text-accent-foreground rounded-md" className="px-2 py-1.5 hover:bg-accent hover:text-accent-foreground rounded-md"
aria-label="Toggle theme" aria-label="Toggle theme"
> >
<Sun className="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" /> <div className="relative w-5 h-5">
<Moon className="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" /> <Sun className="absolute inset-0 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon className="absolute inset-0 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
</div>
<span className="sr-only">Toggle theme</span> <span className="sr-only">Toggle theme</span>
</button> </button>
</nav> </nav>