chore: UI update

tangle-network · May 15, 2024 · a632d35 · a632d35
1 parent 5ccf758
commit a632d35
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/apps/tangle-dapp/app/bridge/AmountAndTokenInput.tsx b/apps/tangle-dapp/app/bridge/AmountAndTokenInput.tsx
@@ -36,11 +36,11 @@ const AmountAndTokenInput: FC = () => {
           <ChainOrTokenButton
             value={selectedToken.symbol}
             status="success"
-            className="w-full bg-mono-0 dark:bg-mono-180 border-0 px-3"
+            className="w-full bg-mono-0 dark:bg-mono-140 border-0 px-3"
             iconType="token"
           />
         </DropdownTrigger>
-        <DropdownBody className="w-[119px] min-w-fit">
+        <DropdownBody className="border-0 w-[119px] min-w-fit">
           <ScrollArea className="max-h-[300px]">
             <ul>
               {tokenOptions.map((token) => {

diff --git a/apps/tangle-dapp/app/bridge/ChainSelectors.tsx b/apps/tangle-dapp/app/bridge/ChainSelectors.tsx
@@ -80,12 +80,12 @@ const ChainSelector: FC<ChainSelectorProps> = ({
       <DropdownTrigger asChild>
         <ChainOrTokenButton
           value={selectedChain.name}
-          className="w-full bg-mono-20 dark:bg-mono-160 border-0"
+          className="w-full bg-mono-20 dark:bg-mono-160 border-0 hover:bg-mono-20 dark:hover:bg-mono-160"
           iconType="chain"
         />
       </DropdownTrigger>
-      <DropdownBody>
-        <ScrollArea className="max-h-[300px] w-[calc(100vw-74px)] md:w-[257px]">
+      <DropdownBody className="border-0">
+        <ScrollArea className="max-h-[300px] w-[calc(100vw-74px)] md:w-[259px]">
           <ul>
             {chainOptions.map((chain) => {
               return (