Refactor GalleryPanel and GalleryBrowser for improved layout and functionality

Updated the GalleryPanel component to ensure it occupies the full screen height, enhancing the user experience by preventing dual scrollbars. Modified the GalleryBrowser to support a new 'fill' prop, allowing it to adapt its layout based on the context, and adjusted the internal scrolling behavior accordingly. These changes improve the overall usability and visual consistency of the image gallery interface.
2026-07-27 11:48:19 +03:00
parent 61f934d19f
commit 860cde19a3
4 changed files with 35 additions and 10 deletions
@@ -15,8 +15,10 @@ export const PopoverContent = forwardRef<
      ref={ref}
      align={align}
      sideOffset={sideOffset}
+      // Фон непрозрачный, в отличие от обычной crt-панели: поповер висит над чужим текстом,
+      // и полупрозрачность превращала бы список в кашу из наложенных строк.
      // z-50 — как у диалога: поповер живёт и внутри диалогов, и должен быть над ними.
-      className={cn('crt-panel z-50 rounded-sm outline-none', className)}
+      className={cn('crt-panel z-50 rounded-sm bg-muted outline-none', className)}
      {...props}
    />
  </PopoverPrimitive.Portal>