Refactor
This commit is contained in:
@@ -52,7 +52,7 @@
|
||||
}
|
||||
.header > div > p {
|
||||
color: #d2d3e1;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -64,7 +64,7 @@
|
||||
gap: 4px;
|
||||
align-self: stretch;
|
||||
color: #85869b;
|
||||
font-size: 14px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -122,7 +122,7 @@
|
||||
}
|
||||
.listDetails > p {
|
||||
color: #85869b;
|
||||
font-size: 13px;
|
||||
font-size: 0.83rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -135,7 +135,7 @@
|
||||
}
|
||||
.listDetails > div > p {
|
||||
color: #d2d3e1;
|
||||
font-size: 18px;
|
||||
font-size: 1.2rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -153,7 +153,7 @@
|
||||
}
|
||||
.listDetails > div > div > p {
|
||||
color: #d2d3e1;
|
||||
font-size: 14px;
|
||||
font-size: 0.85rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -84,7 +84,7 @@
|
||||
"liga" off,
|
||||
"clig" off;
|
||||
font-family: Inter;
|
||||
font-size: 12px;
|
||||
font-size: 0.7rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 22px; /* 183.333% */
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
gap: 5px;
|
||||
color: #85869b;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 1.18rem;
|
||||
|
||||
font-weight: 400;
|
||||
}
|
||||
@@ -90,7 +90,7 @@
|
||||
border: 1px solid #4b4f6d;
|
||||
resize: none;
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-family: inter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
@@ -106,7 +106,7 @@
|
||||
.textarea:focus::placeholder {
|
||||
color: #4b4f6d;
|
||||
font-family: Inter;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -128,7 +128,7 @@
|
||||
}
|
||||
.projectDetailsHeader p {
|
||||
color: #d2d3e1;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -176,7 +176,7 @@
|
||||
.fieldsCreateNew > div > div p,
|
||||
.resourceFields > div > div p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -199,7 +199,7 @@
|
||||
border: 1px dashed #5980f1;
|
||||
color: #5980f1;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -250,7 +250,7 @@
|
||||
|
||||
.additionalDetailsHeader p {
|
||||
color: #d2d3e1;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -287,7 +287,7 @@
|
||||
}
|
||||
.additionalDetailsFields p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
.searchInputGroup input {
|
||||
color: white;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -105,7 +105,7 @@
|
||||
border-radius: 4px;
|
||||
color: #acb0ff;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -120,7 +120,7 @@
|
||||
gap: 12px;
|
||||
color: #acb0ff;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -165,7 +165,7 @@
|
||||
flex: 1 0 0;
|
||||
align-self: stretch;
|
||||
color: #d2d3e1;
|
||||
font-size: 15px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -195,7 +195,7 @@
|
||||
flex: 1 0 0;
|
||||
color: #fff;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -219,7 +219,7 @@
|
||||
flex: 1 0 0;
|
||||
color: #85869b;
|
||||
font-family: Inter;
|
||||
font-size: 15px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -252,7 +252,7 @@
|
||||
flex: 1 0 0;
|
||||
color: #85869b;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
gap: 5px;
|
||||
color: #85869b;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 1.18rem;
|
||||
|
||||
font-weight: 400;
|
||||
}
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
.projectDetailsHeader p {
|
||||
color: #d2d3e1;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -121,7 +121,7 @@
|
||||
border: 1px solid #4b4f6d;
|
||||
resize: none;
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-family: inter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
@@ -137,7 +137,7 @@
|
||||
.textarea:focus::placeholder {
|
||||
color: #4b4f6d;
|
||||
font-family: Inter;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -184,7 +184,7 @@
|
||||
.fieldsCreateNew > div > div p,
|
||||
.resourceFields > div > div p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -207,7 +207,7 @@
|
||||
border: 1px dashed #5980f1;
|
||||
color: #5980f1;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -258,7 +258,7 @@
|
||||
|
||||
.additionalDetailsHeader p {
|
||||
color: #d2d3e1;
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -295,7 +295,7 @@
|
||||
}
|
||||
.additionalDetailsFields p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
.searchInputGroup input {
|
||||
color: white;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 1.18rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -105,7 +105,7 @@
|
||||
border-radius: 4px;
|
||||
color: #acb0ff;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 1.18rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -120,7 +120,7 @@
|
||||
gap: 12px;
|
||||
color: #acb0ff;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 1.18rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -165,7 +165,7 @@
|
||||
flex: 1 0 0;
|
||||
align-self: stretch;
|
||||
color: #d2d3e1;
|
||||
font-size: 15px;
|
||||
font-size: 0.9rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -195,7 +195,7 @@
|
||||
flex: 1 0 0;
|
||||
color: #fff;
|
||||
font-family: Inter;
|
||||
font-size: 18px;
|
||||
font-size: 1.18rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -219,7 +219,7 @@
|
||||
flex: 1 0 0;
|
||||
color: #85869b;
|
||||
font-family: Inter;
|
||||
font-size: 15px;
|
||||
font-size: 0.93rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -252,7 +252,7 @@
|
||||
flex: 1 0 0;
|
||||
color: #85869b;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
.list > p {
|
||||
color: #85869b;
|
||||
font-family: Inter;
|
||||
font-size: 14px;
|
||||
font-size: 0.8rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -34,7 +34,7 @@
|
||||
.list > p:nth-child(2) {
|
||||
color: #eeeffd;
|
||||
font-family: Inter;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.cardAction {
|
||||
@@ -63,7 +63,7 @@
|
||||
background: rgba(22, 159, 49, 0.05);
|
||||
color: #179f31;
|
||||
font-family: Inter;
|
||||
font-size: 12px;
|
||||
font-size: 0.63rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -91,7 +91,7 @@
|
||||
gap: 4px;
|
||||
color: #179f31;
|
||||
font-family: Inter;
|
||||
font-size: 10px;
|
||||
font-size: 0.6rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
color: #85869b;
|
||||
font-family: Inter;
|
||||
z-index: 3;
|
||||
font-size: var(--table-font-size);
|
||||
font-size: 0.8rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -41,7 +41,7 @@
|
||||
font-family: Inter;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
font-size: var(--table-font-size);
|
||||
font-size: 0.8rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -78,7 +78,7 @@
|
||||
background: rgba(22, 159, 49, 0.05);
|
||||
color: #179f31;
|
||||
font-family: Inter;
|
||||
font-size: 12px;
|
||||
font-size: 0.65rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -106,7 +106,7 @@
|
||||
gap: 4px;
|
||||
color: #179f31;
|
||||
font-family: Inter;
|
||||
font-size: 10px;
|
||||
font-size: 0.65rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
|
||||
.header > p {
|
||||
color: #d2d3e1;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -83,7 +83,7 @@
|
||||
align-items: flex-start;
|
||||
gap: 5px;
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -147,7 +147,7 @@
|
||||
}
|
||||
.verticalInput p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -168,7 +168,7 @@
|
||||
border: 1px solid #4b4f6d;
|
||||
resize: none;
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-family: inter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
@@ -184,7 +184,7 @@
|
||||
.verticalInput textarea:focus::placeholder {
|
||||
color: #4b4f6d;
|
||||
font-family: Inter;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -207,7 +207,7 @@
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -112,6 +112,14 @@ const AddVariableModal = (props) => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.verticalInput}>
|
||||
<div>
|
||||
<div>
|
||||
<p>Custom Port (Optional)</p>
|
||||
</div>
|
||||
<TextField placeHolder="Leave empty to use service’s default port" />
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
|
||||
.header > p {
|
||||
color: #d2d3e1;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -82,7 +82,7 @@
|
||||
align-items: flex-start;
|
||||
gap: 5px;
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -106,6 +106,9 @@
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
align-self: stretch;
|
||||
max-height: 400px;
|
||||
overflow-y: scroll;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
.horizontalInput {
|
||||
display: flex;
|
||||
@@ -146,7 +149,7 @@
|
||||
}
|
||||
.verticalInput p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -167,7 +170,7 @@
|
||||
border: 1px solid #4b4f6d;
|
||||
resize: none;
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-family: inter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
@@ -183,7 +186,7 @@
|
||||
.verticalInput textarea:focus::placeholder {
|
||||
color: #4b4f6d;
|
||||
font-family: Inter;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -197,8 +200,7 @@
|
||||
align-self: stretch;
|
||||
}
|
||||
.authenticationContainer > p {
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
|
||||
.header > p {
|
||||
color: #d2d3e1;
|
||||
font-size: 24px;
|
||||
font-size: 1.5rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -81,7 +81,7 @@
|
||||
align-items: flex-start;
|
||||
gap: 5px;
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
@@ -145,7 +145,7 @@
|
||||
}
|
||||
.verticalInput p {
|
||||
color: #d2d3e1;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
@@ -166,7 +166,7 @@
|
||||
border: 1px solid #4b4f6d;
|
||||
resize: none;
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-family: inter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
@@ -187,7 +187,7 @@
|
||||
}
|
||||
.authenticationContainer > p {
|
||||
color: #85869b;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
|
||||
Reference in New Issue
Block a user