feat: move flyover close button to the right (#593)

pluralsh · May 14, 2024 · b251e7d · b251e7d
1 parent b748fcb
commit b251e7d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Flyover.tsx b/src/components/Flyover.tsx
@@ -62,7 +62,7 @@ const FlyoverContentSC = styled.div<{
 
 const FlyoverHeaderWrapSC = styled.div(({ theme }) => ({
   alignItems: 'center',
-  justifyContent: 'start',
+  justifyContent: 'space-between',
   gap: theme.spacing.small,
   height: 56,
   borderBottom: `1px solid ${theme.colors.border}`,
@@ -132,6 +132,7 @@ function FlyoverRef(
       >
         {!!header && (
           <FlyoverHeaderWrapSC ref={ref}>
+            <FlyoverHeaderSC>{header}</FlyoverHeaderSC>
             <IconFrame
               textValue=""
               display="flex"
@@ -140,7 +141,6 @@ function FlyoverRef(
               onClick={onClose}
               icon={<CloseIcon />}
             />
-            <FlyoverHeaderSC>{header}</FlyoverHeaderSC>
           </FlyoverHeaderWrapSC>
         )}
         <FlyoverContentSC $scrollable={scrollable}>{children}</FlyoverContentSC>