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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user