fix(send): make utxo selection table scrollable (#1327)

This commit is contained in:
Parth 2026-07-10 18:40:39 +05:30 committed by GitHub
parent 7be8d4863a
commit a6ad27f743
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 7 additions and 6 deletions

View file

@ -36,7 +36,7 @@ export const UtxoSelectionDialog = ({
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-6xl">
<DialogContent className="flex max-w-6xl flex-col overflow-hidden">
<DialogHeader>
<DialogTitle>{t('show_utxos.title')}</DialogTitle>
<DialogDescription>
@ -45,12 +45,13 @@ export const UtxoSelectionDialog = ({
</DialogHeader>
<Input
className="shrink-0"
value={filter}
onChange={(event) => onFilterChange(event.target.value)}
placeholder={t('jar_details.utxo_list.placeholder_search')}
disabled={isSubmitting}
/>
<div className="max-h-[55dvh] min-h-0 overflow-hidden">
<div className="flex min-h-0 min-w-0 flex-1 flex-col">
<JarUtxosTable
globalFilter={filter}
tableEntries={tableEntries}
@ -61,7 +62,7 @@ export const UtxoSelectionDialog = ({
/>
</div>
<DialogFooter>
<DialogFooter className="shrink-0">
<Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isSubmitting}>
{t('modal.confirm_button_reject')}
</Button>

View file

@ -346,7 +346,7 @@ export const WalletJarsDetailsContent = ({
</TabsList>
</Tabs>
<Tabs defaultValue="utxos" className="flex flex-1 flex-col gap-4">
<Tabs defaultValue="utxos" className="flex min-h-0 flex-1 flex-col gap-4">
<TabsList className="mx-auto flex items-center gap-2">
<TabsTrigger value="utxos" className="cursor-pointer" disabled={!enabled}>
{t('jar_details.title_tab_utxos')}
@ -361,7 +361,7 @@ export const WalletJarsDetailsContent = ({
)}
</TabsList>
<TabsContent value="utxos" className="flex flex-col gap-2">
<TabsContent value="utxos" className="flex min-h-0 flex-1 flex-col gap-2">
<UtxosContent
key={activeJar.jarIndex}
enabled={enabled}

View file

@ -34,7 +34,7 @@ export function WalletJarsDetailsOverlay({
<div className="flex min-h-0 flex-1 overflow-hidden">
<WalletJarsDetailsContent
enabled={open}
className="flex h-full flex-col overflow-auto p-2 pt-0"
className="flex h-full min-h-0 flex-col overflow-hidden p-2 pt-0"
debug={isDeveloperMode}
selectedJarIndex={selectedJarIndex}
walletFileName={walletFileName}