summaryrefslogtreecommitdiff
path: root/src/core/components/elements/Popup
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-04-03 10:52:17 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-04-03 10:52:17 +0700
commit495f8cfc8339441fb7256424a3895fb12288fb51 (patch)
treeab5a1ff35e29161a68572dfc81c0b90728771aa0 /src/core/components/elements/Popup
parent596c019af400cc21d2890f875a7570f044866210 (diff)
parentceaa64aa3273134fb9ffb851c4f23c468fa2519a (diff)
Merge branch 'master' of bitbucket.org:altafixco/next-indoteknik
Diffstat (limited to 'src/core/components/elements/Popup')
-rw-r--r--src/core/components/elements/Popup/BottomPopup.jsx4
1 files changed, 2 insertions, 2 deletions
diff --git a/src/core/components/elements/Popup/BottomPopup.jsx b/src/core/components/elements/Popup/BottomPopup.jsx
index 1276d6e0..1d65c7a3 100644
--- a/src/core/components/elements/Popup/BottomPopup.jsx
+++ b/src/core/components/elements/Popup/BottomPopup.jsx
@@ -35,7 +35,7 @@ const BottomPopup = ({ children, active = false, title, close }) => {
animate={{ bottom: 0 }}
exit={{ bottom: '-100%' }}
transition={transition}
- className='fixed left-0 w-full border-t border-gray_r-6 rounded-t-xl z-[60] p-4 pt-0 bg-white'
+ className='fixed left-0 w-full border-t border-gray_r-6 rounded-t-xl z-[60] p-4 pt-0 bg-white max-h-[80vh] overflow-auto'
>
<div className='flex justify-between py-4'>
<div className='font-semibold text-h-sm'>{title}</div>
@@ -53,7 +53,7 @@ const BottomPopup = ({ children, active = false, title, close }) => {
animate={{ bottom: '50%', opacity: 1 }}
exit={{ bottom: '45%', opacity: 0 }}
transition={transition}
- className='fixed left-1/2 -translate-x-1/2 translate-y-1/2 md:w-1/4 lg:w-1/3 border border-gray_r-6 rounded-xl z-[60] p-4 pt-0 bg-white'
+ className='fixed left-1/2 -translate-x-1/2 translate-y-1/2 md:w-1/4 lg:w-1/3 border border-gray_r-6 rounded-xl z-[60] p-4 pt-0 bg-white max-h-[80vh] overflow-auto'
>
<div className='flex justify-between py-4'>
<div className='font-semibold text-h-sm'>{title}</div>