move tooltips to the right

renegade-fi · Oct 9, 2024 · 34fd3e7 · 34fd3e7
1 parent 5794904
commit 34fd3e7
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/components/dialogs/transfer/transfer-status-display.tsx b/components/dialogs/transfer/transfer-status-display.tsx
@@ -51,7 +51,7 @@ export function TransferStatusDisplay({
  const Content = () => {
  if (isTask) {
  return (
- <div className="text-xs text-muted">
+ <div className="space-y-0.5 text-xs text-muted">
  {TASK_STATES.map((state) => (
  <div
  key={state}

diff --git a/components/dialogs/transfer/usdc-form.tsx b/components/dialogs/transfer/usdc-form.tsx
@@ -640,7 +640,10 @@ export function USDCForm({
  </div>
  </Button>
  </ResponsiveTooltipTrigger>
- <ResponsiveTooltipContent>
+ <ResponsiveTooltipContent
+ side="right"
+ sideOffset={10}
+ >
  {`${formattedUsdcBalance} ${baseToken?.ticker}`}
  </ResponsiveTooltipContent>
  </ResponsiveTooltip>
@@ -666,7 +669,10 @@ export function USDCForm({
  </div>
  </Button>
  </ResponsiveTooltipTrigger>
- <ResponsiveTooltipContent>
+ <ResponsiveTooltipContent
+ side="right"
+ sideOffset={10}
+ >
  {`${formattedUsdceBalance} USDC.e`}
  </ResponsiveTooltipContent>
  </ResponsiveTooltip>

diff --git a/components/dialogs/transfer/weth-form.tsx b/components/dialogs/transfer/weth-form.tsx
@@ -691,7 +691,10 @@ export function WETHForm({
  </div>
  </Button>
  </ResponsiveTooltipTrigger>
- <ResponsiveTooltipContent>
+ <ResponsiveTooltipContent
+ side="right"
+ sideOffset={10}
+ >
  {`${balance} ${baseToken.ticker}`}
  </ResponsiveTooltipContent>
  </ResponsiveTooltip>
@@ -738,7 +741,10 @@ export function WETHForm({
  </div>
  </Button>
  </ResponsiveTooltipTrigger>
- <ResponsiveTooltipContent>
+ <ResponsiveTooltipContent
+ side="right"
+ sideOffset={10}
+ >
  {ethBalance?.value &&
  minEthToKeepUnwrapped > ethBalance.value
  ? "Not enough ETH to wrap"