style: style minH perf

labring · Jan 13, 2025 · 63b1ad0 · 63b1ad0
1 parent ecf01d6
commit 63b1ad0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 19 deletions.
diff --git a/frontend/providers/devbox/components/modals/JetbrainsGuideModal.tsx b/frontend/providers/devbox/components/modals/JetbrainsGuideModal.tsx
@@ -128,16 +128,15 @@ const JetBrainsGuideModal = ({
 
   return (
     <Box>
-      <Modal isOpen onClose={onConnecting ? () => {} : onClose} lockFocusAcrossFrames={false}>
+      <Modal
+        isOpen
+        onClose={onConnecting ? () => {} : onClose}
+        lockFocusAcrossFrames={false}
+        isCentered
+        scrollBehavior={'inside'}
+      >
         <ModalOverlay />
-        <ModalContent
-          top={'1%'}
-          maxWidth={'800px'}
-          w={'700px'}
-          h={'80%'}
-          position={'relative'}
-          minH={'785px'}
-        >
+        <ModalContent maxWidth={'800px'} w={'700px'} position={'relative'} minH={'785px'}>
           <ModalHeader pl={10}>{t('use_jetbrains')}</ModalHeader>
           <ModalCloseButton top={'10px'} right={'10px'} isDisabled={onConnecting} />
           <ModalBody pb={6} overflowY={'auto'}>

diff --git a/frontend/providers/devbox/components/modals/SshConnectModal.tsx b/frontend/providers/devbox/components/modals/SshConnectModal.tsx
@@ -119,17 +119,16 @@ const SshConnectModal = ({
 
   return (
     <Box>
-      <Modal isOpen onClose={onClose} lockFocusAcrossFrames={false} size={'4xl'}>
+      <Modal
+        isOpen
+        onClose={onClose}
+        lockFocusAcrossFrames={false}
+        size={'4xl'}
+        isCentered
+        scrollBehavior={'inside'}
+      >
         <ModalOverlay />
-        <ModalContent
-          top={'1%'}
-          maxWidth={'800px'}
-          w={'700px'}
-          h={'80%'}
-          minH={'785px'}
-          transition={'height 0.2s ease-in-out'}
-          position={'relative'}
-        >
+        <ModalContent maxWidth={'800px'} w={'700px'} minH={'785px'} position={'relative'}>
           <ModalHeader pl={10}>{t('jetbrains_guide_config_ssh')}</ModalHeader>
           <ModalCloseButton top={'10px'} right={'10px'} />
           <ModalBody pb={6} overflowY={'auto'}>