From 73297b3804a56d80cc41a1043182d3537b06102b Mon Sep 17 00:00:00 2001
From: Domingo Dirutigliano <me@domy.sh>
Date: Sat, 23 Sep 2023 02:29:15 +0200
Subject: [PATCH] fix overflow in Modal for interfaces lists

---
 frontend/src/components/PortAndInterface.tsx | 2 +-
 frontend/src/index.scss                      | 4 ++++
 frontend/src/js/utils.tsx                    | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/PortAndInterface.tsx b/frontend/src/components/PortAndInterface.tsx
index dd6cddf..2810aa1 100644
--- a/frontend/src/components/PortAndInterface.tsx
+++ b/frontend/src/components/PortAndInterface.tsx
@@ -36,7 +36,7 @@ export default function PortAndInterface({ form, int_name, port_name, label }:{
                     data={ipInterfaces}
                     searchable
                     dropdownPosition="bottom"
-                    maxDropdownHeight={100}
+                    maxDropdownHeight={200}
                     creatable
                     getCreateLabel={(query) => `+ Use this: ${query}`}
                     onCreate={(query) => {
diff --git a/frontend/src/index.scss b/frontend/src/index.scss
index 8849ce8..e8a6d82 100644
--- a/frontend/src/index.scss
+++ b/frontend/src/index.scss
@@ -32,4 +32,8 @@ body {
 ::-webkit-scrollbar-thumb {
   background: #757575;
   border-radius: 8px;
+}
+
+.mantine-Modal-content {
+  overflow-y: visible;
 }
\ No newline at end of file
diff --git a/frontend/src/js/utils.tsx b/frontend/src/js/utils.tsx
index 47882db..2053b03 100644
--- a/frontend/src/js/utils.tsx
+++ b/frontend/src/js/utils.tsx
@@ -16,7 +16,7 @@ export const regex_ipv6_no_cidr = "^s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|
 export const regex_ipv4 = "^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])(\\/(3[0-2]|[1-2][0-9]|[0-9]))?$"
 export const regex_ipv4_no_cidr = "^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$"
 
-export const DEV_IP_BACKEND = "127.0.0.1:4444"
+export const DEV_IP_BACKEND = "192.168.230.3:4444"
 
 export async function getapi(path:string):Promise<any>{