fix: add shrink-0 to prevent toggle UI from shrinking on small screen…

… sizes (#885)
themesberg · Jul 3, 2023 · 81c65bd · 81c65bd · vercel · Jul 3, 2023
1 parent da5a05a
commit 81c65bd
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/lib/forms/Toggle.svelte b/src/lib/forms/Toggle.svelte
@@ -14,7 +14,7 @@
   let background: boolean = getContext('background');
 
   const common =
-    "mr-3 bg-gray-200 rounded-full peer-focus:ring-4 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all";
+    "mr-3 shrink-0 bg-gray-200 rounded-full peer-focus:ring-4 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all";
 
   const colors = {
     primary: 'peer-focus:ring-primary-300 dark:peer-focus:ring-primary-800 peer-checked:bg-primary-600',