Update theme-toggle.tsx

SamSyntax · web-flow · commit f8bfbbb335ec · 2025-11-08T19:12:19.000+01:00
diff --git a/apps/web/src/components/theme-toggle.tsx b/apps/web/src/components/theme-toggle.tsx
@@ -19,10 +19,11 @@ export function ThemeToggle({ className }: ThemeToggleProps) {
       onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
     >
       {theme === "dark" ? (
-        <Sun className="!size[1.1rem]" />
-      ) : (<Moon className="!size[1.1rem]" />)}
+        <Sun className="!size-[1.1rem]" />
+      ) : (<Moon className="!size-[1.1rem]" />)}
       <span className="sr-only">{theme === "dark" ? "Light" : "Dark"}</span>
     </Button>
   );
 }
 
+

Original file line number	Diff line number	Diff line change
`@@ -19,10 +19,11 @@ export function ThemeToggle({ className }: ThemeToggleProps) {`
`19`	`19`	`onClick={() => setTheme(theme === "dark" ? "light" : "dark")}`
`20`	`20`	`>`
`21`	`21`	`{theme === "dark" ? (`
`22`		`- <Sun className="!size[1.1rem]" />`
`23`		`- ) : (<Moon className="!size[1.1rem]" />)}`
	`22`	`+ <Sun className="!size-[1.1rem]" />`
	`23`	`+ ) : (<Moon className="!size-[1.1rem]" />)}`
`24`	`24`	`<span className="sr-only">{theme === "dark" ? "Light" : "Dark"}</span>`
`25`	`25`	`</Button>`
`26`	`26`	`);`
`27`	`27`	`}`
`28`	`28`
	`29`	`+`