othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix iconButton sizes

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-03-04 19:20:47 -03:00 committed by James A. Petts
parent 16bd29077e
commit 52a2cdf702
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
platform/ui/src/components/IconButton/IconButton.jsx
View File

@ -62,9 +62,15 @@ const variantClasses = {
}; };
const sizeClasses = { const sizeClasses = {
small: 'py-1 px-3 text-base', small: 'py-2 px-2 text-base',
medium: 'py-3 px-3 text-lg', 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 = { const fullWidthClasses = {
@ -110,7 +116,7 @@ const IconButton = ({
{...rest} {...rest}
> >
{React.cloneElement(children, { {React.cloneElement(children, {
className: classnames('w-4 h-4 fill-current'), className: classnames(iconSizeClasses[size], 'fill-current'),
})} })}
</button> </button>
); );