style: update $ position on mobile

regen-network · Oct 22, 2024 · 649ab37 · 649ab37
1 parent 691bcd5
commit 649ab37
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web-marketplace/src/components/molecules/CreditsAmount/CurrencyInput.tsx b/web-marketplace/src/components/molecules/CreditsAmount/CurrencyInput.tsx
@@ -77,7 +77,7 @@ export const CurrencyInput = ({
  return (
  <div className="grow sm:flex-1 w-full sm:w-auto relative">
  {paymentOption === PAYMENT_OPTIONS.CARD && (
- <span className="text-sm absolute top-[13px] sm:top-[18px] left-10 z-50">
+ <span className="text-xs sm:text-sm absolute top-[13px] left-[9px] sm:top-[18px] sm:left-10 z-50">
  $
  </span>
  )}
@@ -87,7 +87,7 @@ export const CurrencyInput = ({
  type="number"
  className={`border border-solid border-grey-300 focus-within:border-grey-500 focus-within:border-2 ${
  paymentOption === PAYMENT_OPTIONS.CARD ? 'pl-5' : ''
- } w-full sm:w-auto flex justify-start relative sm:h-60 rounded-sm items-center`}
+ } w-full sm:w-auto flex justify-start relative xs:h-60 rounded-sm items-center`}
  customInputProps={{
  max: maxCurrencyAmount,
  min: 0,