Merge pull request #26 from alextana/button

fix button css issue with padding
alextana · Jun 8, 2022 · c8c3188 · c8c3188
2 parents 0364ac7 + fe37866
commit c8c3188
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/lib/components/ui/buttons/Button.svelte b/src/lib/components/ui/buttons/Button.svelte
@@ -42,21 +42,21 @@
 
 	const primary = `
     bg-green-500 hover:bg-green-600 uppercase font-bold px-3 py-1 rounded-full
-    w-max pl-4 pr-12 cursor-pointer
+    w-max ${svgIcon ? 'pr-12' : 'pr-4'} cursor-pointer
   `;
 	const secondary = `
   bg-gray-500 hover:bg-gray-600 uppercase font-bold px-3 py-1 rounded-full
-    w-max pl-4 pr-12 cursor-pointer
+    w-max ${svgIcon ? 'pr-12' : 'pr-4'} cursor-pointer
   `;
 
 	const warning = `
   bg-red-500 hover:bg-red-600 text-white uppercase font-bold px-3 py-1 rounded-full
-    w-max pl-4 pr-12 cursor-pointer
+    w-max ${svgIcon ? 'pr-12' : 'pr-4'} cursor-pointer
   `;
 
 	const success = `
   bg-green-500 hover:bg-green-600 uppercase font-bold px-3 py-1 rounded-full
-    w-max pl-4 pr-12 cursor-pointer
+    w-max ${svgIcon ? 'pr-12' : 'pr-4'} cursor-pointer
   `;
 
 	switch (type?.toLowerCase()) {