chore(tangle-dapp): Incoporate design reviews

tangle-network · Feb 11, 2025 · e883ce8 · e883ce8
1 parent bf436a2
commit e883ce8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/tangle-dapp/src/components/tables/VaultAssets/index.tsx b/apps/tangle-dapp/src/components/tables/VaultAssets/index.tsx
@@ -131,7 +131,7 @@ const VaultAssetsTable: FC<Props> = ({ data, isShown }) => {
       title={pluralize('asset', data.length !== 1)}
       className={twMerge(
         isShown ? 'animate-slide-down' : 'animate-slide-up',
-        'bg-mono-20 dark:bg-mono-190 -mt-1',
+        'bg-mono-20 dark:bg-mono-180 -mt-1',
       )}
     />
   );

diff --git a/apps/tangle-dapp/src/components/tables/Vaults/index.tsx b/apps/tangle-dapp/src/components/tables/Vaults/index.tsx
@@ -7,7 +7,7 @@ import {
   TableOptions,
   useReactTable,
 } from '@tanstack/react-table';
-import { ChevronUp } from '@webb-tools/icons/ChevronUp';
+import { ChevronDown } from '@webb-tools/icons/ChevronDown';
 import Spinner from '@webb-tools/icons/Spinner';
 import LsTokenIcon from '@webb-tools/tangle-shared-ui/components/LsTokenIcon';
 import TableCellWrapper from '@webb-tools/tangle-shared-ui/components/tables/TableCellWrapper';
@@ -195,10 +195,10 @@ const getColumns = (nativeTokenSymbol: string) => [
             <div
               className={twMerge(
                 '!text-current transition-transform duration-300 ease-in-out',
-                row.getIsExpanded() ? 'rotate-180' : '',
+                row.getIsExpanded() ? '' : 'rotate-180',
               )}
             >
-              <ChevronUp className="!fill-current" />
+              <ChevronDown className="!fill-current" />
             </div>
           </Button>
         </div>