test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: added as prop in FadedScrollableDiv

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-30 16:59:34 +05:30
parent 7c5696ee75
commit c8146b7c3c
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/FadedScrollableDiv.vue
View File

@ -1,16 +1,21 @@
<template> <template>
<div <component
:is="props.as || 'div'"
ref="scrollableDiv" ref="scrollableDiv"
:style="`maskImage: ${maskStyle}`" :style="`maskImage: ${maskStyle}`"
@scroll="updateMaskStyle" @scroll="updateMaskStyle"
> >
<slot></slot> <slot></slot>
</div> </component>
</template> </template>
<script setup> <script setup>
import { ref, computed, onMounted } from 'vue' import { ref, computed, onMounted } from 'vue'
const props = defineProps({ const props = defineProps({
as: {
type: String,
default: 'div',
},
maskLength: { maskLength: {
type: Number, type: Number,
default: 30, default: 30,