From 5b059ce6deb2b4132b445a0db3816388367acccf Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 11 Aug 2025 22:24:54 +0200
Subject: feat: auto-captions

---
 .../components/editor/media-panel/views/base-view.tsx    | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

(limited to 'apps/web/src/components/editor/media-panel/views/base-view.tsx')

diff --git a/apps/web/src/components/editor/media-panel/views/base-view.tsx b/apps/web/src/components/editor/media-panel/views/base-view.tsx
index 296295fc..2cd33535 100644
--- a/apps/web/src/components/editor/media-panel/views/base-view.tsx
+++ b/apps/web/src/components/editor/media-panel/views/base-view.tsx
@@ -11,12 +11,19 @@ interface BaseViewProps {
     content: React.ReactNode;
   }[];
   className?: string;
+  ref?: React.RefObject<HTMLDivElement>;
 }
 
-function ViewContent({ children }: { children: React.ReactNode }) {
+function ViewContent({
+  children,
+  className,
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) {
   return (
     <ScrollArea className="flex-1">
-      <div className="p-5">{children}</div>
+      <div className={`p-5 h-full ${className}`}>{children}</div>
     </ScrollArea>
   );
 }
@@ -26,11 +33,12 @@ export function BaseView({
   defaultTab,
   tabs,
   className = "",
+  ref,
 }: BaseViewProps) {
   return (
-    <div className={`h-full flex flex-col ${className}`}>
+    <div className={`h-full flex flex-col ${className}`} ref={ref}>
       {!tabs || tabs.length === 0 ? (
-        <ViewContent>{children}</ViewContent>
+        <ViewContent className={className}>{children}</ViewContent>
       ) : (
         <Tabs defaultValue={defaultTab} className="flex flex-col h-full">
           <div className="px-3 pt-4 pb-0">
-- 
cgit v1.3.1