From b061f139bd2f88208d367013381ae7f39ed99ae5 Mon Sep 17 00:00:00 2001 From: Aadhar Chandiwala Date: Mon, 28 Mar 2022 19:56:54 +0530 Subject: [PATCH] Fix-#795 No Scoll Behaviour on Overflow --- client/components/shared/BaseModal.module.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/client/components/shared/BaseModal.module.scss b/client/components/shared/BaseModal.module.scss index 3ebb2162..059b3a65 100644 --- a/client/components/shared/BaseModal.module.scss +++ b/client/components/shared/BaseModal.module.scss @@ -1,10 +1,16 @@ .content { - @apply rounded p-6 text-sm shadow lg:w-1/2 xl:w-2/5; + @apply rounded px-6 text-sm shadow lg:w-1/2 xl:w-2/5; @apply absolute inset-4 sm:inset-x-4 sm:inset-y-auto lg:inset-auto; @apply overflow-scroll bg-neutral-50 dark:bg-neutral-900 lg:overflow-auto; + @apply max-h-[90vh] min-h-fit; + + &::-webkit-scrollbar { + display: none; + } } .header { + @apply sticky top-0 left-0 right-0 z-50 pt-6 bg-neutral-50 dark:bg-neutral-900; @apply flex items-center justify-between; @apply w-full border-b pb-5 dark:border-white/10; @@ -27,6 +33,7 @@ } .footer { + @apply sticky bottom-0 left-0 right-0 z-50 pb-6 bg-neutral-50 dark:bg-neutral-900; @apply flex items-center justify-end gap-x-4; @apply w-full border-t pt-5 dark:border-white/10; }