fix(carousel): set max height to preview area

hudy9x · Apr 26, 2024 · ae40e94 · ae40e94
1 parent 8994665
commit ae40e94
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/packages/ui-app/app/_components/FileKits/FileCarousel.tsx b/packages/ui-app/app/_components/FileKits/FileCarousel.tsx
@@ -33,7 +33,8 @@ function FileCarouselDisplay({ file }: { file: IFileItem }) {
             style={{
               width: 'calc(100vw - 200px)',
               minWidth: 300,
-              maxWidth: 1300
+              maxWidth: 1300,
+              maxHeight: '80vh'
             }}
             controls>
             <source src={file.url} type={file.mimeType} />
@@ -95,9 +96,8 @@ export default function FileCarousel() {
 
   return (
     <div
-      className={`z-10 fixed top-0 left-0 w-full h-full bg-black/80 mt-0 ${
-        selected !== -1 ? 'opacity-100' : 'opacity-0 pointer-events-none'
-      }`}>
+      className={`file-carousel z-10 fixed top-0 left-0 w-full h-full bg-black/80 mt-0 ${selected !== -1 ? 'opacity-100' : 'opacity-0 pointer-events-none'
+        }`}>
       <div className="border-b border-b-gray-700 bg-black dark:border-gray-700 px-4 py-3 flex items-center justify-between text-gray-300">
         <div></div>
         <div className="text-sm">

diff --git a/packages/ui-app/app/_components/FileKits/FileThumb.tsx b/packages/ui-app/app/_components/FileKits/FileThumb.tsx
@@ -16,7 +16,6 @@ export default function FileThumb({
 }) {
   const { setSelected, previewFiles } = useFileKitContext()
   const onView = () => {
-    console.log('asdf', id)
     if (!id) return
     const idx = previewFiles.findIndex(pf => pf.id === id)
     if (idx !== -1) {