Browse Source

fix(25-02): fix template gallery scrolling with min-h-0

- Add min-h-0 to flex containers to allow shrinking below content size
- Add flex-shrink-0 to header to prevent it from shrinking
- This fixes flexbox default min-height: auto preventing overflow scroll
handoff-20260429-1057
shrimbly 6 months ago
parent
commit
aae10c92f3
  1. 6
      src/components/quickstart/TemplateExplorerView.tsx

6
src/components/quickstart/TemplateExplorerView.tsx

@ -262,9 +262,9 @@ export function TemplateExplorerView({
const isLoading = loadingWorkflowId !== null; const isLoading = loadingWorkflowId !== null;
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full min-h-0">
{/* Header */} {/* Header */}
<div className="px-6 py-4 border-b border-neutral-700 flex items-center gap-4"> <div className="flex-shrink-0 px-6 py-4 border-b border-neutral-700 flex items-center gap-4">
<QuickstartBackButton onClick={onBack} disabled={isLoading} /> <QuickstartBackButton onClick={onBack} disabled={isLoading} />
<h2 className="text-lg font-semibold text-neutral-100"> <h2 className="text-lg font-semibold text-neutral-100">
Template Explorer Template Explorer
@ -272,7 +272,7 @@ export function TemplateExplorerView({
</div> </div>
{/* Content - Sidebar + Main Grid */} {/* Content - Sidebar + Main Grid */}
<div className="flex-1 flex overflow-hidden"> <div className="flex-1 flex min-h-0 overflow-hidden">
{/* Sidebar */} {/* Sidebar */}
<div className="w-48 flex-shrink-0 bg-neutral-900/80 border-r border-neutral-700 p-4 space-y-5 overflow-y-auto"> <div className="w-48 flex-shrink-0 bg-neutral-900/80 border-r border-neutral-700 p-4 space-y-5 overflow-y-auto">
{/* Search Input */} {/* Search Input */}

Loading…
Cancel
Save