feat: upgrade plan design improvement (#603)

pluralsh · Jun 6, 2024 · 307b3ec · 307b3ec
1 parent dadcb30
commit 307b3ec
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Flyover.tsx b/src/components/Flyover.tsx
@@ -102,7 +102,6 @@ function FlyoverRef(
       width={width}
       minWidth={minWidth}
       alignSelf="flex-end"
-      BackdropProps={{ backgroundColor: 'transparent' }}
       InnerDefaultStyle={{
         opacity: 0,
         transform: 'translateX(0)',

diff --git a/src/components/Table.tsx b/src/components/Table.tsx
@@ -72,6 +72,7 @@ export type TableProps = Omit<
   loose?: boolean
   stickyColumn?: boolean
   scrollTopMargin?: number
+  flush?: boolean
   virtualizeRows?: boolean
   lockColumnsOnScroll?: boolean
   reactVirtualOptions?: Partial<
@@ -534,6 +535,7 @@ function TableRef(
     loose = false,
     stickyColumn = false,
     scrollTopMargin = 500,
+    flush = false,
     width,
     virtualizeRows = false,
     lockColumnsOnScroll,
@@ -691,8 +693,12 @@ function TableRef(
     >
       <Div
         backgroundColor="fill-two"
-        border="1px solid border-fill-two"
-        borderRadius="large"
+        border={flush ? 'none' : '1px solid border-fill-two'}
+        borderRadius={
+          flush
+            ? `0 0 ${theme.borderRadiuses.large}px ${theme.borderRadiuses.large}px`
+            : 'large'
+        }
         overflow="auto"
         ref={tableContainerRef}
         onScroll={({ target }: { target: HTMLDivElement }) =>