Numan Saeed commited on
Commit
f66c31e
·
1 Parent(s): 2be3111

Fix: Make right panel scrollable

Browse files

- Changed Panel overflow from 'hidden' to 'auto'
- Added min-h-0 to enable flex child scrolling
- Added bottom padding (pb-6) for scroll space

frontend/src/components/Panel.tsx CHANGED
@@ -14,7 +14,7 @@ export function Panel({ title, action, children, className }: PanelProps) {
14
  <h2 className="text-sm font-semibold text-text-primary">{title}</h2>
15
  {action}
16
  </div>
17
- <div className="flex-1 p-3 overflow-hidden">{children}</div>
18
  </div>
19
  );
20
  }
 
14
  <h2 className="text-sm font-semibold text-text-primary">{title}</h2>
15
  {action}
16
  </div>
17
+ <div className="flex-1 p-3 min-h-0 overflow-auto">{children}</div>
18
  </div>
19
  );
20
  }
frontend/src/pages/ClassificationPage.tsx CHANGED
@@ -335,7 +335,7 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
335
  }
336
  className="flex-1 flex flex-col min-h-0"
337
  >
338
- <div className="flex-1 overflow-y-auto space-y-4">
339
  <ResultsCard results={results} isLoading={isLoading} />
340
 
341
  {/* Feedback Section */}
 
335
  }
336
  className="flex-1 flex flex-col min-h-0"
337
  >
338
+ <div className="flex-1 overflow-y-auto space-y-4 pb-6">
339
  <ResultsCard results={results} isLoading={isLoading} />
340
 
341
  {/* Feedback Section */}