Merge pull request #2498 from novasamatech/tbaut-scroll-signatory-list

Fix: scroll signatory list
novasamatech · Oct 17, 2024 · ea2d06b · ea2d06b
2 parents fbd8285 + 75874cd
commit ea2d06b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 18 deletions.
diff --git a/src/renderer/widgets/CreateWallet/ui/MultisigWallet/components/SelectSignatories.tsx b/src/renderer/widgets/CreateWallet/ui/MultisigWallet/components/SelectSignatories.tsx
@@ -20,8 +20,8 @@ export const SelectSignatories = () => {
   };
 
   return (
-    <div className="flex max-h-full flex-1 flex-col">
-      <div className="flex flex-col gap-2">
+    <div className="flex flex-1 flex-col">
+      <div className="flex max-h-96 flex-col gap-2 overflow-y-auto overflow-x-hidden">
         {Array.from(signatories.entries()).map(([key, value]) => (
           <Signatory
             key={key}

diff --git a/src/renderer/widgets/CreateWallet/ui/MultisigWallet/components/Signatory.tsx b/src/renderer/widgets/CreateWallet/ui/MultisigWallet/components/Signatory.tsx
@@ -182,22 +182,24 @@ export const Signatory = ({
           onChange={onNameChange}
         />
       </div>
-      <Combobox
-        className="flex-1"
-        label={accountInputLabel}
-        placeholder={t('createMultisigAccount.signatorySelection')}
-        options={options}
-        query={query}
-        value={address}
-        prefixElement={prefixElement}
-        onChange={({ value }) => {
-          onAddressChange(value);
-        }}
-        onInput={handleQueryChange}
-      />
-      {!isOwnAccount && onDelete && (
-        <IconButton className="ml-2 mt-4" name="delete" size={20} onClick={() => onDelete(signtoryIndex)} />
-      )}
+      <div className="flex max-h-full overflow-hidden">
+        <Combobox
+          className="flex-1"
+          label={accountInputLabel}
+          placeholder={t('createMultisigAccount.signatorySelection')}
+          options={options}
+          query={query}
+          value={address}
+          prefixElement={prefixElement}
+          onChange={({ value }) => {
+            onAddressChange(value);
+          }}
+          onInput={handleQueryChange}
+        />
+        {!isOwnAccount && onDelete && (
+          <IconButton className="ml-2 mt-4" name="delete" size={20} onClick={() => onDelete(signtoryIndex)} />
+        )}
+      </div>
     </div>
   );
 };