fix(web): make every panel scroll

Each panel's root was a plain div with padding, so anything past the panel's
height was simply not reachable — the gallery showed its first two rows of
sixty images, and the Providers panel cut off mid-card. The shell hands a
panel a fixed-height box and does not scroll it for you; plugins/music has
had `h-full overflow-y-auto` on every panel root since it was written.

Collections gets it in both places, the list and the detail view, which are
two separate returns in one file and would otherwise disagree.
This commit is contained in:
2026-08-20 21:15:39 +01:00
parent 2ca506b9d1
commit 4533ef03ec
4 changed files with 7 additions and 5 deletions
+2 -2
View File
@@ -15,7 +15,7 @@ export const Collections = () => {
if (openId) return <Detail manager={manager} searchParams={searchParams} />;
return (
<div className="space-y-6 p-4">
<div className="h-full space-y-6 overflow-y-auto p-4">
<div className="flex gap-2">
<Input
placeholder="New collection — an afternoon, a suite, a client"
@@ -107,7 +107,7 @@ const Detail = ({ manager, searchParams }: DetailProps) => {
if (!collection) return <p className="p-4 text-sm text-muted-foreground">Loading…</p>;
return (
<div className="space-y-6 p-4">
<div className="h-full space-y-6 overflow-y-auto p-4">
<div className="flex items-baseline gap-3">
<Link to={backTo} className="text-sm text-muted-foreground hover:text-foreground">
‹ Collections