Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 00:03:27 +10:00
Code Issues Packages Projects Releases Wiki Activity

Fix-#795 No Scoll Behaviour on Overflow

Browse Source
This commit is contained in:
Aadhar Chandiwala
2022-03-28 19:56:54 +05:30
parent ff324688f6
commit b061f139bd
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/components/shared/BaseModal.module.scss
View File

@ -1,10 +1,16 @@
.content { .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 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 overflow-scroll bg-neutral-50 dark:bg-neutral-900 lg:overflow-auto;
@apply max-h-[90vh] min-h-fit;
&::-webkit-scrollbar {
display: none;
}
} }
.header { .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 flex items-center justify-between;
@apply w-full border-b pb-5 dark:border-white/10; @apply w-full border-b pb-5 dark:border-white/10;
@ -27,6 +33,7 @@
} }
.footer { .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 flex items-center justify-end gap-x-4;
@apply w-full border-t pt-5 dark:border-white/10; @apply w-full border-t pt-5 dark:border-white/10;
} }