Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor

Browse Source
This commit is contained in:
Laux Dev
2026-03-19 18:57:20 +08:00
parent f84894b6d7
commit 2c9f2d612b
29 changed files with 129 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/projects/add/styles.module.css
View File

@@ -34,7 +34,7 @@
color: #d2d3e1;
color: color(display-p3 0.8235 0.8275 0.8784);
font-family: Inter;
font-size: 16px;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
@@ -42,7 +42,7 @@
.label > p span {
color: #cfb000;
font-family: Inter;
font-size: 16px;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
@@ -64,7 +64,7 @@
.prompts > p {
color: #d49e3d;
font-family: Inter;
font-size: 14px;
font-size: 0.85rem;
font-style: normal;
font-weight: 400;
line-height: normal;

4
frontend/src/app/projects/project-card/styles.module.css
View File

@@ -24,7 +24,7 @@
.list p {
color: #85869b;
font-family: Inter;
font-size: 14px;
font-size: 0.85rem;
font-style: normal;
font-weight: 400;
line-height: normal;
@@ -33,7 +33,7 @@
.list p:nth-child(2) {
color: #eeeffd;
font-family: Inter;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
}
.cardAction {

8
frontend/src/app/projects/styles.module.css
View File

@@ -36,7 +36,7 @@
.tableContainer > table > tbody > tr > td {
color: #eeeffd;
font-family: Inter;
font-size: var(--table-font-size);
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
@@ -52,7 +52,7 @@
.tableContainer > table > thead > tr > th {
color: #85869b;
font-family: Inter;
font-size: var(--table-font-size);
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
@@ -68,7 +68,7 @@
color: #50d85f;
font-family: Inter;
font-size: var(--table-font-size);
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
@@ -77,7 +77,7 @@
color: #85869b;
font-family: Inter;
font-size: var(--table-font-size);
font-size: 0.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;

10
frontend/src/app/projects/view/AddServicesModal/styles.module.css
View File

@@ -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;

4
frontend/src/app/projects/view/[servicesId]/LogsModal/styles.module.css
View File

@@ -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% */

16
frontend/src/app/projects/view/[servicesId]/styles.module.css
View File

@@ -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;

14
frontend/src/app/projects/view/[servicesId]/variableStyles.module.css
View File

@@ -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;

16
frontend/src/app/projects/view/add-from-scratch/styles.module.css
View File

@@ -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;

14
frontend/src/app/projects/view/add-from-scratch/variableStyles.module.css
View File

@@ -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;

8
frontend/src/app/projects/view/service-card/styles.module.css
View File

@@ -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;

8
frontend/src/app/projects/view/styles.module.css
View File

@@ -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;

12
frontend/src/app/projects/view/variableModals/AddConfigMap/styles.module.css
View File

@@ -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;

8
frontend/src/app/projects/view/variableModals/AddVariableModal/AddVariableModal.jsx
View File

@@ -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>

16
frontend/src/app/projects/view/variableModals/AddVariableModal/styles.module.css
View File

@@ -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;

10
frontend/src/app/projects/view/variableModals/AddVolumes/styles.module.css
View File

@@ -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;