From a2e0ffba7b57746d49206ffa245342184e259d8e Mon Sep 17 00:00:00 2001
From: Kacper Szarkiewicz <szarkiewiczmail@gmail.com>
Date: Wed, 6 Nov 2024 14:34:05 +0100
Subject: [PATCH] implement styles for readonly input

---
 src/components/AssetNumericInput/index.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/AssetNumericInput/index.tsx b/src/components/AssetNumericInput/index.tsx
index fe9cd9d9..31493619 100644
--- a/src/components/AssetNumericInput/index.tsx
+++ b/src/components/AssetNumericInput/index.tsx
@@ -24,14 +24,20 @@ export const AssetNumericInput: FC<AssetNumericInputProps> = ({
 }) => (
   <div
     className={
-      'flex pl-2 focus:outline-none input-ghost text-accent-content input-bordered input ' +
-      (rest.disabled ? 'opacity-50 input-disabled' : '')
+      'flex pl-2 focus:outline-none input-ghost text-accent-content' +
+      (rest.disabled ? ' opacity-50 input-disabled' : '') +
+      (rest.readOnly ? ' pr-4' : ' input-bordered input')
     }
   >
     <div className="flex items-center justify-between">
       <AssetButton assetIcon={assetIcon} tokenSymbol={tokenSymbol} onClick={onClick} />
     </div>
 
-    <NumericInput register={registerInput} additionalStyle="text-right text-lg w-full" disableStyles={true} {...rest} />
+    <NumericInput
+      register={registerInput}
+      additionalStyle={'text-right text-lg w-full' + (rest.readOnly ? ' text-xl' : '')}
+      disableStyles={true}
+      {...rest}
+    />
   </div>
 );