Merge pull request #83 from elcharitas/dev

fix: align icon button items to center
elcharitas · Mar 28, 2023 · 29ad2fe · 29ad2fe
2 parents d9aa053 + 06f61c9
commit 29ad2fe
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/lib/components/buttons/IconButton.svelte b/src/lib/components/buttons/IconButton.svelte
@@ -4,12 +4,13 @@
 	import Button from './Button.svelte';
 	import type { IconButtonProps } from './IconButton.svelte';
 
-	type $$Props = IconButtonProps ;
+	type $$Props = IconButtonProps;
 	export let icon: $$Props['as'];
 	export let wrap: $$Props['wrap'] = 'div';
 	const events = forwardEvents();
 </script>
 
-<Button {events} {...$$restProps}>
+<Button {events} display="flex" justifyContent="center" alignItems="center" {...$$restProps}>
 	<Icon as={icon} {wrap} />
+	<slot />
 </Button>