mirror of
https://github.com/joinmarket-webui/jam.git
synced 2026-08-19 13:18:30 +02:00
fix(send): make utxo selection table scrollable (#1327)
This commit is contained in:
parent
7be8d4863a
commit
a6ad27f743
3 changed files with 7 additions and 6 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue