diff --git a/src/pages/medcards/components/BasicDataForms/TodaysPatientsForm.vue b/src/pages/medcards/components/BasicDataForms/TodaysPatientsForm.vue index a18c5a8..587e38a 100644 --- a/src/pages/medcards/components/BasicDataForms/TodaysPatientsForm.vue +++ b/src/pages/medcards/components/BasicDataForms/TodaysPatientsForm.vue @@ -7,6 +7,7 @@ ) .form-wrapper.flex.flex-col.overflow-y-auto( @scroll="scrollTo", + id="scroll", :class="{'default-form': patientsData.length <= 3}" ) .patient.flex.items-center.p-4.justify-between( @@ -91,6 +92,14 @@ export default { return (this.isGradient = false); this.isGradient = true; }, + checkScroll() { + let elem = document.getElementById("scroll"); + if (Math.abs(elem.scrollHeight - elem.clientHeight - elem.scrollTop)) + this.isGradient = true; + }, + }, + mounted() { + this.checkScroll(); }, }; @@ -123,6 +132,7 @@ export default { border-bottom: 1px solid var(--gray-secondary) border-right: 1px solid var(--gray-secondary) margin-right: 8px + height: 77px &:last-child border-bottom: none diff --git a/src/pages/medcards/components/BasicDataForms/ViewedMedicalRecordsForm.vue b/src/pages/medcards/components/BasicDataForms/ViewedMedicalRecordsForm.vue index 0d49b79..ba78a37 100644 --- a/src/pages/medcards/components/BasicDataForms/ViewedMedicalRecordsForm.vue +++ b/src/pages/medcards/components/BasicDataForms/ViewedMedicalRecordsForm.vue @@ -1,12 +1,13 @@