add width and height svg attributes for visibility on iphone

Blazity · Sep 11, 2022 · 1f3b397 · 1f3b397
1 parent 4233a52
commit 1f3b397
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/ColorSwitcher.tsx b/components/ColorSwitcher.tsx
@@ -5,7 +5,7 @@ export default function ColorSwitcher() {
   const { toggleTheme, colorMode } = useColorSwitcher();
 
   const sunIcon = (
-    <svg viewBox="0 0 24 24" focusable="false">
+    <svg width="24" height="24" viewBox="0 0 24 24" focusable="false">
       <g strokeLinejoin="round" strokeLinecap="round" strokeWidth="2" fill="none" stroke="currentColor">
         <circle cx="12" cy="12" r="5"></circle>
         <path d="M12 1v2"></path>
@@ -21,7 +21,7 @@ export default function ColorSwitcher() {
   );
 
   const moonIcon = (
-    <svg viewBox="0 0 24 24" focusable="false">
+    <svg width="24" height="24" viewBox="0 0 24 24" focusable="false">
       <path
         fill="currentColor"
         d="M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z"