Button styling cleanup, prop consistency

2022-06-20 12:38:23 -04:00 · 2022-06-20 12:38:23 -04:00 · 7b0e2ce99d
commit 7b0e2ce99d
parent 7dd74ecc9d
9 changed files with 121 additions and 46 deletions
--- a/resources/scripts/components/elements/dialog/Dialog.tsx
+++ b/resources/scripts/components/elements/dialog/Dialog.tsx
@ -78,7 +78,12 @@ const Dialog = ({ open, title, description, onClose, hideCloseIcon, children }:
                                {/* Keep this below the other buttons so that it isn't the default focus if they're present. */}
                                {!hideCloseIcon &&
                                    <div className={'absolute right-0 top-0 m-4'}>
-                                        <Button.Text square small onClick={onClose} className={'hover:rotate-90'}>
+                                        <Button.Text
+                                            size={Button.Sizes.Small}
+                                            shape={Button.Shapes.IconSquare}
+                                            onClick={onClose}
+                                            className={'hover:rotate-90'}
+                                        >
                                            <XIcon className={'w-5 h-5'}/>
                                        </Button.Text>
                                    </div>