Fix server list panel height when there are no servers

openscopeproject · Mar 25, 2024 · 770720e · 770720e
1 parent 28862de
commit 770720e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/modals/settings.tsx b/src/components/modals/settings.tsx
@@ -318,7 +318,7 @@ export function AppSettingsModal(props: AppSettingsModalProps) {
         validateInputOnChange: true,
     });
 
-    const [currentServerIndex, setCurrentServerIndex] = useState(0);
+    const [currentServerIndex, setCurrentServerIndex] = useState(-1);
     const { setValues } = form;
 
     useEffect(() => {
@@ -360,7 +360,7 @@ export function AppSettingsModal(props: AppSettingsModalProps) {
                     </Tabs.List>
 
                     <Tabs.Panel value="servers" pt="md" mih="24rem">
-                        <Flex h="100%" gap="0.5rem">
+                        <Flex h="100%" gap="0.5rem" mih="24rem">
                             <ServerListPanel form={form} current={currentServerIndex} setCurrent={setCurrentServerIndex} />
                             {currentServerIndex === -1
                                 ? <></>