fix(popup/PayWebsiteForm): make amount input full width (#763)

interledger · Dec 5, 2024 · 8d02664 · 8d02664
1 parent e34be53
commit 8d02664
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/pages/popup/components/Settings/RateOfPay.tsx b/src/pages/popup/components/Settings/RateOfPay.tsx
@@ -141,6 +141,7 @@ const RateOfPayInput = ({
       <InputAmount
         id="rateOfPay"
         className="max-w-56"
+        wrapperClassName="w-fit"
         label="Rate of pay per hour"
         walletAddress={walletAddress}
         onChange={(value) => {

diff --git a/src/pages/shared/components/InputAmount.tsx b/src/pages/shared/components/InputAmount.tsx
@@ -18,6 +18,7 @@ interface Props {
   onChange: (amount: string, inputEl: HTMLInputElement) => void;
   onError: (error: ErrorWithKeyLike) => void;
   className?: string;
+  wrapperClassName?: string;
   placeholder?: string;
   errorMessage?: string;
   readOnly?: boolean;
@@ -34,6 +35,7 @@ export const InputAmount = ({
   walletAddress,
   amount,
   className,
+  wrapperClassName,
   placeholder,
   errorMessage,
   onChange,
@@ -133,7 +135,7 @@ export const InputAmount = ({
       description={description}
       placeholder={placeholder}
       className={className}
-      wrapperClassName="w-fit"
+      wrapperClassName={wrapperClassName}
       defaultValue={amount}
       readOnly={readOnly}
       leadingAddOn={<span className="text-weak">{currencySymbol}</span>}