From 52a2cdf70234310ab94197b7c4b6e2e6f1af0779 Mon Sep 17 00:00:00 2001 From: Rodrigo Antinarelli Date: Wed, 4 Mar 2020 19:20:47 -0300 Subject: [PATCH] fix iconButton sizes --- platform/ui/src/components/IconButton/IconButton.jsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/platform/ui/src/components/IconButton/IconButton.jsx b/platform/ui/src/components/IconButton/IconButton.jsx index 8992e6177..92f92c7d5 100644 --- a/platform/ui/src/components/IconButton/IconButton.jsx +++ b/platform/ui/src/components/IconButton/IconButton.jsx @@ -62,9 +62,15 @@ const variantClasses = { }; const sizeClasses = { - small: 'py-1 px-3 text-base', + small: 'py-2 px-2 text-base', medium: 'py-3 px-3 text-lg', - large: 'py-1 px-6 text-xl', + large: 'py-4 px-4 text-xl', +}; + +const iconSizeClasses = { + small: 'w-4 h-4', + medium: 'w-5 h-5', + large: 'w-6 h-6', }; const fullWidthClasses = { @@ -110,7 +116,7 @@ const IconButton = ({ {...rest} > {React.cloneElement(children, { - className: classnames('w-4 h-4 fill-current'), + className: classnames(iconSizeClasses[size], 'fill-current'), })} );