Minor styling (#48)

synapsecns · Dec 13, 2023 · b5bf44b · b5bf44b
1 parent f2bd015
commit b5bf44b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/src/components/AvailableBalance.tsx b/src/components/AvailableBalance.tsx
@@ -78,7 +78,7 @@ export const AvailableBalance = ({
  return (
  <div
  onClick={handleAvailableBalanceClick}
- className="ml-px text-xs text-yellow-300 cursor-pointer hover:underline active:opacity-40"
+ className="ml-px text-xs text-[--synapse-accent] cursor-pointer hover:underline active:opacity-40"
  >
  {currentTokenBalance.parsedBalance} available
  </div>
@@ -88,7 +88,7 @@ export const AvailableBalance = ({
  return (
  <div
  onClick={handleAvailableBalanceClick}
- className="ml-px text-xs cursor-pointer hover:text-sky-300 hover:underline active:opacity-40 text-[--synapse-text-secondary]"
+ className="ml-px text-xs cursor-pointer hover:underline active:opacity-40 text-[--synapse-text-secondary]"
  >
  {currentTokenBalance.parsedBalance} available
  </div>

diff --git a/src/components/Receipt.tsx b/src/components/Receipt.tsx
@@ -24,9 +24,7 @@ export const Receipt = ({ quote, send, receive }) => {
  {isExpanded ? <DoubleUpArrow /> : <DoubleDownArrow />}
  </div>
  ) : (
- <div
- className="flex self-end pl-2 pr-1 py-1 gap-1 text-[--synapse-text-secondary] cursor-default"
- >
+ <div className="flex self-end pl-2 pr-1 py-1 gap-1 text-[--synapse-text-secondary] cursor-default">
  Powered by
  <a
  href="https://synapseprotocol.com"
@@ -40,15 +38,15 @@ export const Receipt = ({ quote, send, receive }) => {
  </div>
  {isExpanded && (
  <dl className="receipt p-2 text-sm rounded border border-[--synapse-border] grid grid-cols-2">
- <dt>Router</dt>
+ <dt className="text-left">Router</dt>
  <dd className="text-right">{quote?.bridgeModuleName}</dd>
- <dt>Origin</dt>
+ <dt className="text-left">Origin</dt>
  <dd className="text-right">Ethereum</dd>
- <dt>Destination</dt>
+ <dt className="text-left">Destination</dt>
  <dd className="text-right">Arbitrum</dd>
- <dt>Send</dt>
+ <dt className="text-left">Send</dt>
  <dd className="text-right">{send}</dd>
- <dt>Receive</dt>
+ <dt className="text-left">Receive</dt>
  <dd className="text-right">{receive}</dd>
  </dl>
  )}

diff --git a/src/components/ui/TokenSelect.tsx b/src/components/ui/TokenSelect.tsx
@@ -4,7 +4,7 @@ import { BridgeableToken } from 'types'
 import { TokenPopoverSelect } from './TokenPopoverSelect'
 
 type Props = {
- label: 'Out' | 'In'
+ label: 'In' | 'Out'
  onChange: (newToken: BridgeableToken) => void
  token: BridgeableToken
 }