0xb00b5/firegex-traffic-viewer
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix overflow in Modal for interfaces lists

Browse Source
This commit is contained in:
Domingo Dirutigliano
2023-09-23 02:29:15 +02:00
parent ae8dbd9423
commit 73297b3804
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/PortAndInterface.tsx
View File

@@ -36,7 +36,7 @@ export default function PortAndInterface({ form, int_name, port_name, label }:{
data={ipInterfaces} data={ipInterfaces}
searchable searchable
dropdownPosition="bottom" dropdownPosition="bottom"
maxDropdownHeight={100} maxDropdownHeight={200}
creatable creatable
getCreateLabel={(query) => `+ Use this: ${query}`} getCreateLabel={(query) => `+ Use this: ${query}`}
onCreate={(query) => { onCreate={(query) => {

4
frontend/src/index.scss
View File

@@ -33,3 +33,7 @@ body {
background: #757575; background: #757575;
border-radius: 8px; border-radius: 8px;
} }
.mantine-Modal-content {
overflow-y: visible;
}

2
frontend/src/js/utils.tsx
View File

@@ -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 = "^(([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 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>{ export async function getapi(path:string):Promise<any>{