From 6f1a6b930c1ce03d0da939b9dd8cd3ec57f92889 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Sat, 26 Jul 2025 14:19:48 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refactor:=20Scroll=20pa?=
 =?UTF-8?q?nel=20component=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/scrollpanel/VScrollpanel.vue | 23 +++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/scrollpanel/VScrollpanel.vue b/src/components/scrollpanel/VScrollpanel.vue
index 8f9caf5..49e6b9c 100644
--- a/src/components/scrollpanel/VScrollpanel.vue
+++ b/src/components/scrollpanel/VScrollpanel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ScrollPanel from 'primevue';
+import ScrollPanel from 'primevue/scrollpanel';
 
 const props = withDefaults(defineProps<{
   step?: number
@@ -12,5 +12,24 @@ const props = withDefaults(defineProps<{
 </script>
 
 <template>
-  <ScrollPanel :step="props.step" :style="{width: props.width, height: props.height}"/>
+  <ScrollPanel
+    :step="props.step"
+    class="p-scrollpanel-content"
+    :style="{width: props.width, maxHeight: props.height}"
+  >
+    <slot/>
+  </ScrollPanel>
 </template>
+
+<style lang="css" scoped>
+*{
+  margin: 0px;
+  padding: 0px;
+}
+
+.p-scrollpanel {
+  height: fit-content;
+  overflow-y: auto;
+  box-sizing: content-box;
+}
+</style>