From 31e4f2cf9328486eff6690c3401ab62fdcb55385 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 2 Jul 2024 14:00:53 +0530
Subject: [PATCH] fix: do not overflow modal content

---
 frontend/src/components/Settings/QuickEntryModal.vue | 2 +-
 frontend/src/components/Settings/SidePanelModal.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Settings/QuickEntryModal.vue b/frontend/src/components/Settings/QuickEntryModal.vue
index a979aeca..9e557156 100644
--- a/frontend/src/components/Settings/QuickEntryModal.vue
+++ b/frontend/src/components/Settings/QuickEntryModal.vue
@@ -1,7 +1,7 @@
 <template>
   <Dialog v-model="show" :options="{ size: '3xl' }">
     <template #body>
-      <div class="flex flex-col overflow-hidden">
+      <div class="flex flex-col overflow-hidden h-[calc(100vh_-_8rem)]">
         <div class="flex flex-col gap-2 p-8 pb-5">
           <h2 class="flex gap-2 text-xl font-semibold leading-none h-5 mb-4">
             <div>{{ __('Edit Quick Entry Layout') }}</div>
diff --git a/frontend/src/components/Settings/SidePanelModal.vue b/frontend/src/components/Settings/SidePanelModal.vue
index 02a66015..914589df 100644
--- a/frontend/src/components/Settings/SidePanelModal.vue
+++ b/frontend/src/components/Settings/SidePanelModal.vue
@@ -1,7 +1,7 @@
 <template>
   <Dialog v-model="show" :options="{ size: '3xl' }">
     <template #body>
-      <div ref="parentRef" class="flex h-full">
+      <div ref="parentRef" class="flex h-[calc(100vh_-_8rem)]">
         <div class="flex-1 flex flex-col justify-between gap-2 p-8">
           <div class="flex flex-col gap-2">
             <h2 class="flex gap-2 text-xl font-semibold leading-none h-5 mb-4">