fix: markup for close icon of custom alert

qiwi · Jun 14, 2024 · 480ac1e · 480ac1e
1 parent 5a00ece
commit 480ac1e
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/packages/desktop/src/main/resources/screenshots/CustomAlert_1_desktop.png b/packages/desktop/src/main/resources/screenshots/CustomAlert_1_desktop.png
diff --git a/packages/desktop/src/main/ts/custom-alert/CustomAlert.tsx b/packages/desktop/src/main/ts/custom-alert/CustomAlert.tsx
@@ -43,7 +43,7 @@ export const CustomAlert: FC<CustomAlertProps> = ({
             type="relative"
             py={5}
             pl={6}
-            pr={onHide !== undefined ? 18 : 6}
+            pr={onHide !== undefined ? 13 : 6}
           >
             {icon && <FlexItem display="flex" mr={3}>{icon}</FlexItem>}
             <FlexItem display="flex" grow={1}>
@@ -53,8 +53,8 @@ export const CustomAlert: FC<CustomAlertProps> = ({
               <Pos
                 cursor="pointer"
                 type="absolute"
-                right={6}
-                top={5}
+                right={2}
+                top={2}
                 onClick={renderProps.onCloseClick}
                 onMouseEnter={renderProps.onCloseMouseEnter}
                 onMouseLeave={renderProps.onCloseMouseLeave}

diff --git a/packages/mobile/src/main/resources/screenshots/CustomAlert_1_mobile.png b/packages/mobile/src/main/resources/screenshots/CustomAlert_1_mobile.png
diff --git a/packages/mobile/src/main/ts/custom-alert/CustomAlert.tsx b/packages/mobile/src/main/ts/custom-alert/CustomAlert.tsx
@@ -43,7 +43,7 @@ export const CustomAlert: FC<CustomAlertProps> = ({
             type="relative"
             py={4}
             pl={4}
-            pr={onHide !== undefined ? 14 : 4}
+            pr={onHide !== undefined ? 11.5 : 4}
           >
             {icon && <FlexItem display="flex" mr={2}>{icon}</FlexItem>}
             <FlexItem display="flex" my="2px">
@@ -53,8 +53,8 @@ export const CustomAlert: FC<CustomAlertProps> = ({
               <Pos
                 cursor="pointer"
                 type="absolute"
-                right={4}
-                top={4}
+                right={1.5}
+                top={1.5}
                 onClick={renderProps.onCloseClick}
                 onMouseEnter={renderProps.onCloseMouseEnter}
                 onMouseLeave={renderProps.onCloseMouseLeave}