Make budget rules list scrollable when it overflows

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jerick
2026-05-25 17:57:14 +00:00
parent 73e8f51936
commit 0014db3aea

View File

@@ -59,7 +59,7 @@ export function BudgetRulesDialog({ open, onOpenChange, budgetId, budgetName, ru
{rules.length === 0 ? ( {rules.length === 0 ? (
<p className="text-sm text-muted-foreground text-center py-2">No rules yet.</p> <p className="text-sm text-muted-foreground text-center py-2">No rules yet.</p>
) : ( ) : (
<ul className="space-y-1.5"> <ul className="space-y-1.5 max-h-64 overflow-y-auto pr-1">
{rules.map((rule) => ( {rules.map((rule) => (
<li <li
key={rule.id} key={rule.id}