Improve email validation modal design (#12490)

closes https://github.com/twentyhq/core-team-issues/issues/1020

packages/twenty-ui/src/display/icon/components/TablerIcons.ts

@@ -4,18 +4,18 @@ export {
   IconAlertCircle,
   IconAlertTriangle,
   IconApi,
-  IconAppWindow,
   IconApps,
+  IconAppWindow,
   IconArchive,
   IconArchiveOff,
   IconArrowBackUp,
   IconArrowDown,
   IconArrowLeft,
   IconArrowRight,
-  IconArrowUp,
-  IconArrowUpRight,
   IconArrowsDiagonal,
   IconArrowsVertical,
+  IconArrowUp,
+  IconArrowUpRight,
   IconAt,
   IconBaselineDensitySmall,
   IconBell,
@@ -47,8 +47,8 @@ export {
   IconChevronDown,
   IconChevronLeft,
   IconChevronRight,
-  IconChevronUp,
   IconChevronsRight,
+  IconChevronUp,
   IconCircleDot,
   IconCircleOff,
   IconCirclePlus,
@@ -202,6 +202,7 @@ export {
   IconLogout,
   IconMail,
   IconMailCog,
+  IconMailX,
   IconMap,
   IconMaximize,
   IconMessage,

packages/twenty-ui/src/display/index.ts

@@ -65,18 +65,18 @@ export {
   IconAlertCircle,
   IconAlertTriangle,
   IconApi,
-  IconAppWindow,
   IconApps,
+  IconAppWindow,
   IconArchive,
   IconArchiveOff,
   IconArrowBackUp,
   IconArrowDown,
   IconArrowLeft,
   IconArrowRight,
-  IconArrowUp,
-  IconArrowUpRight,
   IconArrowsDiagonal,
   IconArrowsVertical,
+  IconArrowUp,
+  IconArrowUpRight,
   IconAt,
   IconBaselineDensitySmall,
   IconBell,
@@ -108,8 +108,8 @@ export {
   IconChevronDown,
   IconChevronLeft,
   IconChevronRight,
-  IconChevronUp,
   IconChevronsRight,
+  IconChevronUp,
   IconCircleDot,
   IconCircleOff,
   IconCirclePlus,
@@ -263,6 +263,7 @@ export {
   IconLogout,
   IconMail,
   IconMailCog,
+  IconMailX,
   IconMap,
   IconMaximize,
   IconMessage,

packages/twenty-ui/src/theme/constants/Modal.ts

@@ -16,6 +16,7 @@ export const MODAL: {
       height: '800px',
     },
     fullscreen: {
+      width: '100dvw',
       height: '100dvh',
     },
   },