style

RabbyHub · Dec 18, 2024 · b739877 · b739877
1 parent eb9ea2b
commit b739877
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/src/ui/views/Bridge/Component/BridgeContent.tsx b/src/ui/views/Bridge/Component/BridgeContent.tsx
@@ -374,6 +374,7 @@ export const BridgeContent = () => {
           value={amount}
           onInputChange={handleAmountChange}
           excludeChains={toChain ? [toChain] : undefined}
+          inSufficient={inSufficient}
         />
         <BridgeToken
           type="to"

diff --git a/src/ui/views/Bridge/Component/BridgeQuoteItem.tsx b/src/ui/views/Bridge/Component/BridgeQuoteItem.tsx
@@ -225,7 +225,7 @@ export const BridgeQuoteItem = (props: QuoteItemProps) => {
               'rounded-tl-[4px] rounded-br-[4px] px-[6px] py-[1px]',
               'text-12 font-medium',
               props.isBestQuote
-                ? 'text-r-green-default bg-r-green-light'
+                ? 'text-r-blue-default bg-light-r-blue-light2'
                 : 'text-r-red-default bg-r-red-light'
             )}
           >

diff --git a/src/ui/views/Bridge/Component/BridgeToken.tsx b/src/ui/views/Bridge/Component/BridgeToken.tsx
@@ -70,6 +70,7 @@ export const BridgeToken = ({
   fromChainId,
   fromTokenId,
   noQuote,
+  inSufficient,
 }: {
   type?: 'from' | 'to';
   token?: TokenItem;
@@ -80,6 +81,7 @@ export const BridgeToken = ({
   onChangeChain: (chain: CHAINS_ENUM) => void;
   value?: string | number;
   onInputChange?: (v: string) => void;
+  inSufficient?: boolean;
 
   valueLoading?: boolean;
   fromChainId?: string;
@@ -238,6 +240,7 @@ export const BridgeToken = ({
             />
           ) : (
             <StyledInput
+              className={clsx(inSufficient && 'text-rabby-red-default')}
               placeholder={showNoQuote ? t('page.bridge.no-quote') : '0'}
               value={value}
               onChange={inputChange}

diff --git a/src/ui/views/Swap/Component/QuoteItem.tsx b/src/ui/views/Swap/Component/QuoteItem.tsx
@@ -98,9 +98,9 @@ const ItemWrapper = styled.div`
     font-weight: 500;
     font-size: 13px;
     font-weight: 500;
-    color: #27c193;
+    color: var(--r-blue-default, #7084ff);
     &.red {
-      color: #ec5151;
+      color: var(--r-red-default, #e34935);
     }
   }
 `;
@@ -545,7 +545,7 @@ export const DexQuoteItem = (
             className={clsx(
               'absolute top-[-1px] left-[-1px] ',
               'px-6 py-[1px] rounded-tl-[4px] rounded-br-[4px]',
-              props.isBestQuote ? 'bg-r-green-light' : 'bg-r-red-light',
+              props.isBestQuote ? 'bg-r-blue-light2' : 'bg-r-red-light',
               'text-r-red-default'
             )}
           >