fix: Modal close button size (#420)

RocketChat · Apr 15, 2021 · 6279f69 · 6279f69
1 parent 9f63f85
commit 6279f69
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 5 deletions.
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Modal_Modal.png b/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Modal_Modal.png
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Modal_With_Icon.png b/packages/fuselage/.loki/reference/chrome_iphone7_Containers_Modal_With_Icon.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Modal_Modal.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Modal_Modal.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Containers_Modal_With_Icon.png b/packages/fuselage/.loki/reference/chrome_laptop_Containers_Modal_With_Icon.png
diff --git a/packages/fuselage/src/components/Modal/ModalClose.js b/packages/fuselage/src/components/Modal/ModalClose.js
@@ -1,10 +1,7 @@
 import React from 'react';
 
-import { Button } from '../Button';
-import { Icon } from '../Icon';
+import { ActionButton } from '../Button';
 
 export const ModalClose = (props) => (
-  <Button small ghost flexShrink={0} {...props}>
-    <Icon name='cross' size='x24' />
-  </Button>
+  <ActionButton small ghost flexShrink={0} {...props} icon='cross' />
 );