Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor: Scroll panel component updated

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-26 14:19:48 +02:00
parent 2c6c693ceb
commit 6f1a6b930c
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/scrollpanel/VScrollpanel.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import ScrollPanel from 'primevue'; import ScrollPanel from 'primevue/scrollpanel';
const props = withDefaults(defineProps<{ const props = withDefaults(defineProps<{
step?: number step?: number
@ -12,5 +12,24 @@ const props = withDefaults(defineProps<{
</script> </script>
<template> <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> </template>
<style lang="css" scoped>
*{
margin: 0px;
padding: 0px;
}
.p-scrollpanel {
height: fit-content;
overflow-y: auto;
box-sizing: content-box;
}
</style>