wip: Refactor collections based components #917

kalisio · Aug 22, 2024 · a98f804 · a98f804
1 parent 2168886
commit a98f804
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/core/client/components/collection/KGrid.vue b/core/client/components/collection/KGrid.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="column no-wrap">
+  <div class="fit column no-wrap">
     <!--
       Header
     -->

diff --git a/core/client/components/collection/KScrollDown.vue b/core/client/components/collection/KScrollDown.vue
@@ -17,7 +17,7 @@
 
 <script setup>
 import { ref, watch } from 'vue'
-import { useQuasar, scroll as qScroll } from 'quasar'
+import { useQuasar, scroll as qScrollUtils } from 'quasar'
 import { clamp } from '../../utils'
 
 // Props
@@ -62,20 +62,20 @@ function refresh () {
   const targetElement = document.getElementById(props.target)
   if (!targetElement) return
   const containerHeight = targetElement.offsetHeight
-  const scrollHeight = qScroll.getScrollHeight(targetElement)
+  const scrollHeight = qScrollUtils.getScrollHeight(targetElement)
   const diff = scrollHeight - containerHeight
   if (diff <= 0) isVisible.value = false
   else {
-    const ratio = clamp(qScroll.getVerticalScrollPosition(targetElement) / diff, 0, 1)
+    const ratio = clamp(qScrollUtils.getVerticalScrollPosition(targetElement) / diff, 0, 1)
     const percent = Math.round(ratio * 10000) / 10000
     isVisible.value = percent < 1
   }
 }
 function scrollOnce () {
   const targetElement = document.getElementById(props.target)
   if (!targetElement) return
-  const position = qScroll.getVerticalScrollPosition(targetElement)
-  qScroll.setVerticalScrollPosition(targetElement, position + targetElement.offsetHeight, props.duration)
+  const position = qScrollUtils.getVerticalScrollPosition(targetElement)
+  qScrollUtils.setVerticalScrollPosition(targetElement, position + targetElement.offsetHeight, props.duration)
   refresh()
 }
 

diff --git a/core/client/components/collection/KScrollToTop.vue b/core/client/components/collection/KScrollToTop.vue
@@ -15,7 +15,7 @@
 
 <script setup>
 import { ref, watch } from 'vue'
-import { useQuasar, scroll as qScroll } from 'quasar'
+import { useQuasar, scroll as qScrollUtils } from 'quasar'
 
 // Props
 const props = defineProps({
@@ -54,12 +54,12 @@ watch(() => [$q.screen.width, $q.screen.height], () => {
 function refresh () {
   const targetElement = document.getElementById(props.target)
   if (!targetElement) return
-  isVisible.value = qScroll.getVerticalScrollPosition(targetElement) > 0
+  isVisible.value = qScrollUtils.getVerticalScrollPosition(targetElement) > 0
 }
 function scrollToTop () {
   const targetElement = document.getElementById(props.target)
   if (!targetElement) return
-  qScroll.setVerticalScrollPosition(targetElement, 0, props.duration)
+  qScrollUtils.setVerticalScrollPosition(targetElement, 0, props.duration)
   refresh()
 }
 

diff --git a/core/client/components/collection/KTimeLine.vue b/core/client/components/collection/KTimeLine.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="column no-wrap">
+  <div class="fit column no-wrap">
     <!--
       Header
     -->