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
This commit is contained in:
@@ -37,8 +37,10 @@ export function Header({ onToggleSidebar }: HeaderProps) {
|
||||
className="px-2 py-1.5 hover:bg-accent hover:text-accent-foreground rounded-md"
|
||||
aria-label="Toggle theme"
|
||||
>
|
||||
<Sun className="h-5 w-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
|
||||
<Moon className="absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
|
||||
<div className="relative w-5 h-5">
|
||||
<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>
|
||||
</button>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user