💄 style: adjust modal setting form styles for improved layout and responsiveness (#9890)

fix: adjust modal styles for improved layout and responsiveness

Author: bbbugg

src/app/[variants]/(main)/settings/provider/features/ModelList/CreateNewModelModal/index.tsx

@@ -64,6 +64,13 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ open, setOpen }) => {
       maskClosable
       onCancel={closeModal}
       open={open}
+      styles={{
+        content: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'calc(100vh - 150px)',
+        },
+      }}
       title={t('providerModels.createNew.title')}
       zIndex={1251} // Select is 1150
     >

src/app/[variants]/(main)/settings/provider/features/ModelList/ModelConfigModal/index.tsx

@@ -59,6 +59,13 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ id, open, setOpen }) =>
       maskClosable
       onCancel={closeModal}
       open={open}
+      styles={{
+        content: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'calc(100vh - 150px)',
+        },
+      }}
       title={t('llm.customModelCards.modelConfig.modalTitle', { ns: 'setting' })}
       zIndex={1251} // Select is 1150
     >