refs #6420 notes

src/components/ui/VnNotes.vue

@@ -28,7 +28,7 @@ async function insert() {
 }
 </script>
 <template>
-    <div class="column items-center">
+    <div class="column items-center full-height">
         <VnPaginate
             :data-key="$props.url"
             :url="$props.url"

src/components/ui/VnPaginate.vue

@@ -168,7 +168,13 @@ async function onLoad(...params) {
             </QCard>
         </div>
     </div>
-    <QInfiniteScroll v-if="store.data" @load="onLoad" :offset="offset" class="full-width">
+    <QInfiniteScroll
+        v-if="store.data"
+        @load="onLoad"
+        :offset="offset"
+        class="full-width full-height"
+        style="overflow: auto"
+    >
         <slot name="body" :rows="store.data"></slot>
         <div v-if="isLoading" class="info-row q-pa-md text-center">
             <QSpinner color="orange" size="md" />

src/pages/Claim/Card/ClaimNotes.vue

@@ -8,6 +8,10 @@ const state = useState();
 const user = state.getUser();
 const id = route.params.id;
 
+const $props = defineProps({
+    addNote: { type: Boolean, default: true },
+});
+
 const claimFilter = {
     where: { claimFk: id },
     fields: ['created', 'workerFk', 'text'],
@@ -27,7 +31,7 @@ const body = {
 <template>
     <div class="column items-center">
         <VnNotes
-            :add-note="true"
+            :add-note="$props.addNote"
             :id="id"
             url="claimObservations"
             :filter="claimFilter"

src/pages/Claim/Card/ClaimSummary.vue

@@ -225,13 +225,15 @@ function openDialog(dmsId) {
                     </template>
                 </VnLv>
             </QCard>
-            <QCard class="vn-one">
+            <QCard class="vn-max">
                 <a class="header" :href="`#/claim/${entityId}/notes`">
                     {{ t('claim.summary.notes') }}
                     <QIcon name="open_in_new" color="primary" />
                 </a>
-                <ClaimNotes />
-                <QVirtualScroll :items="observations" separator> </QVirtualScroll>
+                <ClaimNotes :add-note="false" style="height: 600px" />
+                <!-- <QVirtualScroll :items="observations" separator
+                    >
+                </QVirtualScroll> -->
             </QCard>
             <QCard class="vn-max" v-if="salesClaimed.length > 0">
                 <a class="header" :href="`#/claim/${entityId}/notes`">