Refactor styling in deposit and stake components

darwinia-network · Sep 12, 2024 · d9e50bd · d9e50bd
1 parent e52be45
commit d9e50bd
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/src/view/deposit/_components/records.tsx b/src/view/deposit/_components/records.tsx
@@ -214,7 +214,8 @@ const DepositRecordsModal = ({
               color="primary"
               layout="fixed"
               classNames={{
-                wrapper: 'overflow-auto max-h-[50vh] rounded-medium  p-0 bg-secondary',
+                wrapper:
+                  'overflow-auto max-h-[50vh] rounded-medium  p-0 shadow-none bg-background dark:bg-secondary',
                 td: 'text-foreground'
               }}
               bottomContentPlacement="outside"

diff --git a/src/view/stake/_components/manage/index.tsx b/src/view/stake/_components/manage/index.tsx
@@ -200,7 +200,13 @@ const StakeManagementModal = ({
             Manage Stake
           </ModalHeader>
           <Divider />
-          <ModalBody className="relative flex w-full flex-col items-center justify-center gap-5 px-0 py-5">
+          <ModalBody
+            className="relative flex w-full flex-col items-center justify-center gap-5 px-0 py-5"
+            style={{
+              pointerEvents:
+                isLoading || isCollatorLoading || isCollatorRefetching ? 'none' : 'auto'
+            }}
+          >
             {(isLoading || isCollatorLoading || isCollatorRefetching) && (
               <div className="absolute inset-0 flex items-center justify-center bg-background/50">
                 <Spinner />

diff --git a/src/view/stake/_components/new/collator-active-selection-table.tsx b/src/view/stake/_components/new/collator-active-selection-table.tsx
@@ -115,7 +115,8 @@ const CollatorSelectionTable = ({
         selectedKeys={selectedCollator?.address}
         bottomContentPlacement="outside"
         classNames={{
-          wrapper: 'overflow-auto max-h-[50vh] rounded-medium  p-0 bg-secondary',
+          wrapper:
+            'overflow-auto max-h-[50vh] rounded-medium  p-0 shadow-none bg-background dark:bg-secondary',
           td: 'text-foreground'
         }}
         layout="fixed"

diff --git a/src/view/stake/_components/new/collator-waiting-selection-table.tsx b/src/view/stake/_components/new/collator-waiting-selection-table.tsx
@@ -125,7 +125,8 @@ const CollatorWaitingSelectionTable = ({
         selectedKeys={selectedCollator?.address}
         bottomContentPlacement="outside"
         classNames={{
-          wrapper: 'overflow-auto max-h-[50vh] rounded-medium  p-0 bg-secondary',
+          wrapper:
+            'overflow-auto max-h-[50vh] rounded-medium p-0 shadow-none bg-background dark:bg-secondary',
           td: 'text-foreground'
         }}
         bottomContent={