feat(fe): allow custom max height side panel

2025-09-15 15:35:54 +01:00
parent f2557d2721
commit cb28adcfd7
2 changed files with 5 additions and 3 deletions
@@ -1,5 +1,5 @@
 <template>
-  <ViewerLayoutSidePanel disable-scrollbar>
+  <ViewerLayoutSidePanel max-height-class="max-h-[calc(100dvh-5rem)]" disable-scrollbar>
    <template #title>Filters</template>
    <template #actions>
      <div class="flex gap-x-0.5 items-center">
@@ -1,8 +1,9 @@
 <template>
  <div
    :class="[
-      'flex flex-col h-full max-h-[calc(100dvh-5rem)]',
-      disableScrollbar ? '' : 'overflow-hidden'
+      'flex flex-col h-full',
+      disableScrollbar ? '' : 'overflow-hidden',
+      maxHeightClass ? maxHeightClass : 'max-h-[calc(100dvh-3rem)]'
    ]"
  >
    <div
@@ -31,5 +32,6 @@
 defineProps<{
  title?: string
  disableScrollbar?: boolean
+  maxHeightClass?: string
 }>()
 </script>