From dd3bdf24ab43b3fe5b35111ca2395b40662daacd Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Fri, 2 Jan 2026 15:43:01 +0100
Subject: [PATCH] style(p2p options settings): adjust textarea heights and
 dynamic rows

---
 .../pkc-options/pkc-options.module.css        |  9 ++----
 .../pkc-options/pkc-options.tsx               | 29 +++++++++++++++++--
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/components/settings-modal/pkc-options/pkc-options.module.css b/src/components/settings-modal/pkc-options/pkc-options.module.css
index 5c5bc39d..e430ccad 100644
--- a/src/components/settings-modal/pkc-options/pkc-options.module.css
+++ b/src/components/settings-modal/pkc-options/pkc-options.module.css
@@ -18,18 +18,15 @@
 }
 
 .ipfsGatewaysSettings textarea {
-  min-height: 80px;
-  height: 80px;
+  height: unset;
 }
 
 .pubsubProvidersSettings textarea {
-  min-height: 50px;
-  height: 50px;
+  height: unset;
 }
 
 .blockchainProvidersSettings textarea {
-  min-height: 50px;
-  height: 50px;
+  height: unset;
 }
 
 .content button {
diff --git a/src/components/settings-modal/pkc-options/pkc-options.tsx b/src/components/settings-modal/pkc-options/pkc-options.tsx
index ff71a1ea..7b35830e 100644
--- a/src/components/settings-modal/pkc-options/pkc-options.tsx
+++ b/src/components/settings-modal/pkc-options/pkc-options.tsx
@@ -32,6 +32,7 @@ const IPFSGatewaysSettings = ({ ipfsGatewayUrlsRef, mediaIpfsGatewayUrlRef }: Se
           autoCorrect='off'
           autoComplete='off'
           spellCheck='false'
+          rows={ipfsGatewayUrls?.length || 1}
         />
       </div>
       <span className={styles.settingTip}>NFT profile pics gateway</span>
@@ -68,6 +69,7 @@ const PubsubProvidersSettings = ({ pubsubProvidersRef }: SettingsProps) => {
         autoCapitalize='off'
         autoComplete='off'
         spellCheck='false'
+        rows={pubsubHttpClientsOptions?.length || 1}
       />
     </div>
   );
@@ -85,15 +87,36 @@ const BlockchainProvidersSettings = ({ ethRpcRef, solRpcRef, maticRpcRef }: Sett
     <div className={styles.blockchainProvidersSettings}>
       <span className={styles.settingTip}>Ethereum RPC, for .eth domains</span>
       <div>
-        <textarea defaultValue={ethRpcDefaultValue} ref={ethRpcRef} autoCorrect='off' autoComplete='off' spellCheck='false' />
+        <textarea
+          defaultValue={ethRpcDefaultValue}
+          ref={ethRpcRef}
+          autoCorrect='off'
+          autoComplete='off'
+          spellCheck='false'
+          rows={chainProviders?.['eth']?.urls?.length || 1}
+        />
       </div>
       <span className={styles.settingTip}>Solana RPC, for .sol domains</span>
       <div>
-        <textarea defaultValue={solRpcDefaultValue} ref={solRpcRef} autoCorrect='off' autoComplete='off' spellCheck='false' />
+        <textarea
+          defaultValue={solRpcDefaultValue}
+          ref={solRpcRef}
+          autoCorrect='off'
+          autoComplete='off'
+          spellCheck='false'
+          rows={chainProviders?.['sol']?.urls?.length || 1}
+        />
       </div>
       <span className={styles.settingTip}>Polygon RPC, for avatar NFTs</span>
       <div>
-        <textarea defaultValue={maticRpcDefaultValue} ref={maticRpcRef} autoCorrect='off' autoComplete='off' spellCheck='false' />
+        <textarea
+          defaultValue={maticRpcDefaultValue}
+          ref={maticRpcRef}
+          autoCorrect='off'
+          autoComplete='off'
+          spellCheck='false'
+          rows={chainProviders?.['matic']?.urls?.length || 1}
+        />
       </div>
     </div>
   );