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/agents/styles.module.css
View File

@@ -31,7 +31,7 @@
.tableContainer > table > tbody > tr > td { .tableContainer > table > tbody > tr > td {
color: #eeeffd; color: #eeeffd;
font-family: Inter; font-family: Inter;
font-size: 13px; font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -65,7 +65,7 @@
.tableContainer > table > thead > tr > th { .tableContainer > table > thead > tr > th {
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 13px; font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -113,7 +113,7 @@
outline: none; outline: none;
color: white; color: white;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
outline: none; outline: none;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;

4
frontend/src/app/components/alerts/styles.module.css
View File

@@ -75,7 +75,7 @@
.headers > p { .headers > p {
color: #fff; color: #fff;
font-family: Inter; font-family: Inter;
font-size: 20px; font-size: 1.25rem;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
line-height: normal; line-height: normal;
@@ -91,7 +91,7 @@
.body > p { .body > p {
color: #fff; color: #fff;
font-family: Inter; font-family: Inter;
font-size: 14px; font-size: 0.75rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: 20px; line-height: 20px;

2
frontend/src/app/components/buttons/primarybutton/styles.module.css
View File

@@ -8,7 +8,7 @@
border: 0.5px solid #8187ff; border: 0.5px solid #8187ff;
background: rgba(83, 89, 242, 0.25); background: rgba(83, 89, 242, 0.25);
color: white; color: white;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;

2
frontend/src/app/components/buttons/secondaryButton/styles.module.css
View File

@@ -9,7 +9,7 @@
border: 0.5px solid #4e537e; border: 0.5px solid #4e537e;
cursor: pointer; cursor: pointer;
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;

47
frontend/src/app/components/customCheckbox/styles.module.css
View File

@@ -12,20 +12,18 @@
} }
.checkbox { .checkbox {
display: flex; display: flex;
padding: var(--Basic-Forms-Checkbox-Input-Sizing-Y-SM, 10px) padding: 10px 12px;
var(--Basic-Forms-Checkbox-Input-Sizing-X-SM, 12px);
align-items: flex-start; align-items: flex-start;
gap: var(--Basic-Forms-Checkbox-Gap-Between, 16px); gap: 16px;
flex: 1 0 0; flex: 1 0 0;
border-radius: var(--Basic-Forms-Checkbox-Border-Radius, 8px); border-radius: 8px;
background: #1d1e2a; background: #1d1e2a;
background: color(display-p3 0.1137 0.1176 0.1608);
} }
.check { .check {
display: flex; display: flex;
padding-top: var(--Basic-Forms-Checkbox-Inline-Y, 4px); padding-top: 4px;
align-items: flex-start; align-items: flex-start;
gap: var(--Basic-Forms-Checkbox-Inline-Gap-Between, 10px); gap: 10px;
} }
.hiddenCheckbox { .hiddenCheckbox {
appearance: none; appearance: none;
@@ -38,29 +36,15 @@
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
border-radius: var(--Basic-Forms-Checkbox-Check-Icon-Border-Radius, 4px); border-radius: 4px;
border: 1px solid border: 1px solid #e5e7eb;
var(--Basic-Forms-Checkbox-Check-Icon-Border-Border-Color, #e5e7eb);
background: var(--Basic-Forms-Checkbox-Check-Icon-Background-Bg-Color, #fff); background: #fff;
} }
.hiddenCheckbox:checked { .hiddenCheckbox:checked {
border-radius: var(--Basic-Forms-Checkbox-Check-Icon-Border-Radius, 4px); border-radius: 4px;
border: 1px solid border: 1px solid #0067fd;
var(--Basic-Forms-Checkbox-Check-Icon-Border-Border-Active-Color, #0067fd); background: #0067fd;
border: 1px solid
var(
--Basic-Forms-Checkbox-Check-Icon-Border-Border-Active-Color,
color(display-p3 0.1451 0.3882 0.9216)
);
background: var(
--Basic-Forms-Checkbox-Check-Icon-Background-Bg-Active-Color,
#0067fd
);
background: var(
--Basic-Forms-Checkbox-Check-Icon-Background-Bg-Active-Color,
color(display-p3 0.1451 0.3882 0.9216)
);
} }
.hiddenCheckbox::after { .hiddenCheckbox::after {
content: ""; content: "";
@@ -85,21 +69,20 @@
.placeholderTxt { .placeholderTxt {
align-self: stretch; align-self: stretch;
color: #d2d3e1; color: #d2d3e1;
color: color(display-p3 0.8235 0.8275 0.8784);
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: 24px; /* 150% */ line-height: 24px;
letter-spacing: 0.08px; letter-spacing: 0.08px;
} }
.secondaryTxt { .secondaryTxt {
align-self: stretch; align-self: stretch;
color: #697281; color: #697281;
font-family: Inter; font-family: Inter;
font-size: 14px; font-size: 0.75rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: 20px; /* 142.857% */ line-height: 20px;
letter-spacing: 0.07px; letter-spacing: 0.07px;
} }

6
frontend/src/app/components/fields/styles.module.css
View File

@@ -12,7 +12,7 @@
background-color: transparent; background-color: transparent;
color: white; color: white;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
outline: none; outline: none;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -27,7 +27,7 @@
.input:focus::placeholder { .input:focus::placeholder {
color: #4b4f6d; color: #4b4f6d;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -38,7 +38,7 @@
.input::placeholder { .input::placeholder {
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

2
frontend/src/app/components/mobileSearchBar/styles.module.css
View File

@@ -16,7 +16,7 @@
background-color: transparent; background-color: transparent;
color: white; color: white;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
outline: none; outline: none;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;

7
frontend/src/app/components/searchbar/styles.module.css
View File

@@ -2,7 +2,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 40px; /*collapse width*/ width: 40px;
border-radius: 6px; border-radius: 6px;
padding: 6px; padding: 6px;
height: auto; height: auto;
@@ -15,7 +15,6 @@
background: #292a36; background: #292a36;
background: color(display-p3 0.1608 0.1647 0.2078); background: color(display-p3 0.1608 0.1647 0.2078);
} }
/* When the searchbar is opened */
.open { .open {
width: 260px; width: 260px;
padding: 6px 6px 6px 12px; padding: 6px 6px 6px 12px;
@@ -34,7 +33,7 @@
color: #85869b; color: #85869b;
color: color(display-p3 0.5216 0.5255 0.6); color: color(display-p3 0.5216 0.5255 0.6);
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -52,7 +51,7 @@
color: color(display-p3 0.5216 0.5255 0.6); color: color(display-p3 0.5216 0.5255 0.6);
text-align: start; text-align: start;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

10
frontend/src/app/components/sidebar/styles.module.css
View File

@@ -64,7 +64,7 @@
.logoDescription > p:nth-child(1) { .logoDescription > p:nth-child(1) {
color: #fff; color: #fff;
color: color(display-p3 1 1 1); color: color(display-p3 1 1 1);
font-size: 15px; font-size: 0.94rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: 18px; line-height: 18px;
@@ -72,7 +72,7 @@
.logoDescription > p:nth-child(2) { .logoDescription > p:nth-child(2) {
color: #85869b; color: #85869b;
color: color(display-p3 0.5216 0.5255 0.6); color: color(display-p3 0.5216 0.5255 0.6);
font-size: 10px; font-size: 0.63rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -92,7 +92,7 @@
cursor: pointer; cursor: pointer;
gap: 16px; gap: 16px;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -113,7 +113,7 @@
background: rgba(149, 154, 255, 0.05); background: rgba(149, 154, 255, 0.05);
color: #959aff; color: #959aff;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -154,7 +154,7 @@
.navFooterContainer > div > div > p { .navFooterContainer > div > div > p {
color: #d2d3e1; color: #d2d3e1;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;

4
frontend/src/app/credentials/styles.module.css
View File

@@ -31,7 +31,7 @@
.tableContainer > table > tbody > tr > td { .tableContainer > table > tbody > tr > td {
color: #eeeffd; color: #eeeffd;
font-family: Inter; font-family: Inter;
font-size: 13px; font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -47,7 +47,7 @@
.tableContainer > table > thead > tr > th { .tableContainer > table > thead > tr > th {
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 13px; font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;

1
frontend/src/app/globals.css
View File

@@ -16,7 +16,6 @@ html,
body { body {
max-width: 100vw; max-width: 100vw;
overflow-x: hidden; overflow-x: hidden;
font-size: 16px;
} }
body { body {

13
frontend/src/app/organization/add/styles.module.css
View File

@@ -3,7 +3,8 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 48px; gap: 48px;
flex: 1 0 0;
height: calc(100vh - 170px);
align-self: stretch; align-self: stretch;
} }
.upperToolTips { .upperToolTips {
@@ -24,7 +25,7 @@
color: #191a24; color: #191a24;
text-align: center; text-align: center;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -107,7 +108,7 @@
.labels > p { .labels > p {
color: #d2d3e1; color: #d2d3e1;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -115,7 +116,7 @@
.labels > p span { .labels > p span {
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
line-height: normal; line-height: normal;
@@ -136,7 +137,7 @@
.inputLabel > p { .inputLabel > p {
color: #d2d3e1; color: #d2d3e1;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -164,7 +165,7 @@
.prompts > p { .prompts > p {
color: #d49e3d; color: #d49e3d;
font-family: Inter; font-family: Inter;
font-size: 14px; font-size: 0.85rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

4
frontend/src/app/organization/card/styles.module.css
View File

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

4
frontend/src/app/organization/styles.module.css
View File

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

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

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

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

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

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

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

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

@@ -52,7 +52,7 @@
} }
.header > div > p { .header > div > p {
color: #d2d3e1; color: #d2d3e1;
font-size: 24px; font-size: 1.5rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -64,7 +64,7 @@
gap: 4px; gap: 4px;
align-self: stretch; align-self: stretch;
color: #85869b; color: #85869b;
font-size: 14px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -122,7 +122,7 @@
} }
.listDetails > p { .listDetails > p {
color: #85869b; color: #85869b;
font-size: 13px; font-size: 0.83rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -135,7 +135,7 @@
} }
.listDetails > div > p { .listDetails > div > p {
color: #d2d3e1; color: #d2d3e1;
font-size: 18px; font-size: 1.2rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -153,7 +153,7 @@
} }
.listDetails > div > div > p { .listDetails > div > div > p {
color: #d2d3e1; color: #d2d3e1;
font-size: 14px; font-size: 0.85rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

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

@@ -62,7 +62,7 @@
align-items: center; align-items: center;
gap: 10px; gap: 10px;
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -84,7 +84,7 @@
"liga" off, "liga" off,
"clig" off; "clig" off;
font-family: Inter; font-family: Inter;
font-size: 12px; font-size: 0.7rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: 22px; /* 183.333% */ line-height: 22px; /* 183.333% */

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

@@ -41,7 +41,7 @@
gap: 5px; gap: 5px;
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-weight: 400; font-weight: 400;
} }
@@ -90,7 +90,7 @@
border: 1px solid #4b4f6d; border: 1px solid #4b4f6d;
resize: none; resize: none;
color: #85869b; color: #85869b;
font-size: 16px; font-size: 1rem;
font-family: inter; font-family: inter;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -106,7 +106,7 @@
.textarea:focus::placeholder { .textarea:focus::placeholder {
color: #4b4f6d; color: #4b4f6d;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -128,7 +128,7 @@
} }
.projectDetailsHeader p { .projectDetailsHeader p {
color: #d2d3e1; color: #d2d3e1;
font-size: 20px; font-size: 1.25rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -176,7 +176,7 @@
.fieldsCreateNew > div > div p, .fieldsCreateNew > div > div p,
.resourceFields > div > div p { .resourceFields > div > div p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -199,7 +199,7 @@
border: 1px dashed #5980f1; border: 1px dashed #5980f1;
color: #5980f1; color: #5980f1;
text-align: center; text-align: center;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -250,7 +250,7 @@
.additionalDetailsHeader p { .additionalDetailsHeader p {
color: #d2d3e1; color: #d2d3e1;
font-size: 20px; font-size: 1.25rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -287,7 +287,7 @@
} }
.additionalDetailsFields p { .additionalDetailsFields p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

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

@@ -35,7 +35,7 @@
.searchInputGroup input { .searchInputGroup input {
color: white; color: white;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -105,7 +105,7 @@
border-radius: 4px; border-radius: 4px;
color: #acb0ff; color: #acb0ff;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -120,7 +120,7 @@
gap: 12px; gap: 12px;
color: #acb0ff; color: #acb0ff;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -165,7 +165,7 @@
flex: 1 0 0; flex: 1 0 0;
align-self: stretch; align-self: stretch;
color: #d2d3e1; color: #d2d3e1;
font-size: 15px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -195,7 +195,7 @@
flex: 1 0 0; flex: 1 0 0;
color: #fff; color: #fff;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -219,7 +219,7 @@
flex: 1 0 0; flex: 1 0 0;
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 15px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -252,7 +252,7 @@
flex: 1 0 0; flex: 1 0 0;
color: #85869b; color: #85869b;
text-align: center; text-align: center;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;

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

@@ -41,7 +41,7 @@
gap: 5px; gap: 5px;
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-weight: 400; font-weight: 400;
} }
@@ -80,7 +80,7 @@
} }
.projectDetailsHeader p { .projectDetailsHeader p {
color: #d2d3e1; color: #d2d3e1;
font-size: 20px; font-size: 1.25rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -121,7 +121,7 @@
border: 1px solid #4b4f6d; border: 1px solid #4b4f6d;
resize: none; resize: none;
color: #85869b; color: #85869b;
font-size: 16px; font-size: 1rem;
font-family: inter; font-family: inter;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -137,7 +137,7 @@
.textarea:focus::placeholder { .textarea:focus::placeholder {
color: #4b4f6d; color: #4b4f6d;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -184,7 +184,7 @@
.fieldsCreateNew > div > div p, .fieldsCreateNew > div > div p,
.resourceFields > div > div p { .resourceFields > div > div p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -207,7 +207,7 @@
border: 1px dashed #5980f1; border: 1px dashed #5980f1;
color: #5980f1; color: #5980f1;
text-align: center; text-align: center;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -258,7 +258,7 @@
.additionalDetailsHeader p { .additionalDetailsHeader p {
color: #d2d3e1; color: #d2d3e1;
font-size: 20px; font-size: 1.25rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -295,7 +295,7 @@
} }
.additionalDetailsFields p { .additionalDetailsFields p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

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

@@ -35,7 +35,7 @@
.searchInputGroup input { .searchInputGroup input {
color: white; color: white;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -105,7 +105,7 @@
border-radius: 4px; border-radius: 4px;
color: #acb0ff; color: #acb0ff;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -120,7 +120,7 @@
gap: 12px; gap: 12px;
color: #acb0ff; color: #acb0ff;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -165,7 +165,7 @@
flex: 1 0 0; flex: 1 0 0;
align-self: stretch; align-self: stretch;
color: #d2d3e1; color: #d2d3e1;
font-size: 15px; font-size: 0.9rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -195,7 +195,7 @@
flex: 1 0 0; flex: 1 0 0;
color: #fff; color: #fff;
font-family: Inter; font-family: Inter;
font-size: 18px; font-size: 1.18rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -219,7 +219,7 @@
flex: 1 0 0; flex: 1 0 0;
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 15px; font-size: 0.93rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -252,7 +252,7 @@
flex: 1 0 0; flex: 1 0 0;
color: #85869b; color: #85869b;
text-align: center; text-align: center;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;

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

@@ -24,7 +24,7 @@
.list > p { .list > p {
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
font-size: 14px; font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -34,7 +34,7 @@
.list > p:nth-child(2) { .list > p:nth-child(2) {
color: #eeeffd; color: #eeeffd;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-weight: 500; font-weight: 500;
} }
.cardAction { .cardAction {
@@ -63,7 +63,7 @@
background: rgba(22, 159, 49, 0.05); background: rgba(22, 159, 49, 0.05);
color: #179f31; color: #179f31;
font-family: Inter; font-family: Inter;
font-size: 12px; font-size: 0.63rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -91,7 +91,7 @@
gap: 4px; gap: 4px;
color: #179f31; color: #179f31;
font-family: Inter; font-family: Inter;
font-size: 10px; font-size: 0.6rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

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

@@ -19,7 +19,7 @@
color: #85869b; color: #85869b;
font-family: Inter; font-family: Inter;
z-index: 3; z-index: 3;
font-size: var(--table-font-size); font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -41,7 +41,7 @@
font-family: Inter; font-family: Inter;
overflow-wrap: anywhere; overflow-wrap: anywhere;
font-size: var(--table-font-size); font-size: 0.8rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -78,7 +78,7 @@
background: rgba(22, 159, 49, 0.05); background: rgba(22, 159, 49, 0.05);
color: #179f31; color: #179f31;
font-family: Inter; font-family: Inter;
font-size: 12px; font-size: 0.65rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -106,7 +106,7 @@
gap: 4px; gap: 4px;
color: #179f31; color: #179f31;
font-family: Inter; font-family: Inter;
font-size: 10px; font-size: 0.65rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

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

@@ -47,7 +47,7 @@
.header > p { .header > p {
color: #d2d3e1; color: #d2d3e1;
font-size: 24px; font-size: 1.5rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -83,7 +83,7 @@
align-items: flex-start; align-items: flex-start;
gap: 5px; gap: 5px;
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -147,7 +147,7 @@
} }
.verticalInput p { .verticalInput p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -168,7 +168,7 @@
border: 1px solid #4b4f6d; border: 1px solid #4b4f6d;
resize: none; resize: none;
color: #85869b; color: #85869b;
font-size: 16px; font-size: 1rem;
font-family: inter; font-family: inter;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -184,7 +184,7 @@
.verticalInput textarea:focus::placeholder { .verticalInput textarea:focus::placeholder {
color: #4b4f6d; color: #4b4f6d;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -207,7 +207,7 @@
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; 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>
</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> </div>

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

@@ -46,7 +46,7 @@
.header > p { .header > p {
color: #d2d3e1; color: #d2d3e1;
font-size: 24px; font-size: 1.5rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -82,7 +82,7 @@
align-items: flex-start; align-items: flex-start;
gap: 5px; gap: 5px;
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -106,6 +106,9 @@
align-items: flex-start; align-items: flex-start;
gap: 16px; gap: 16px;
align-self: stretch; align-self: stretch;
max-height: 400px;
overflow-y: scroll;
padding: 0px 5px;
} }
.horizontalInput { .horizontalInput {
display: flex; display: flex;
@@ -146,7 +149,7 @@
} }
.verticalInput p { .verticalInput p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -167,7 +170,7 @@
border: 1px solid #4b4f6d; border: 1px solid #4b4f6d;
resize: none; resize: none;
color: #85869b; color: #85869b;
font-size: 16px; font-size: 1rem;
font-family: inter; font-family: inter;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -183,7 +186,7 @@
.verticalInput textarea:focus::placeholder { .verticalInput textarea:focus::placeholder {
color: #4b4f6d; color: #4b4f6d;
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -197,8 +200,7 @@
align-self: stretch; align-self: stretch;
} }
.authenticationContainer > p { .authenticationContainer > p {
color: #85869b; font-size: 1rem;
font-size: 16px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;

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

@@ -45,7 +45,7 @@
.header > p { .header > p {
color: #d2d3e1; color: #d2d3e1;
font-size: 24px; font-size: 1.5rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -81,7 +81,7 @@
align-items: flex-start; align-items: flex-start;
gap: 5px; gap: 5px;
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
line-height: normal; line-height: normal;
@@ -145,7 +145,7 @@
} }
.verticalInput p { .verticalInput p {
color: #d2d3e1; color: #d2d3e1;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;
@@ -166,7 +166,7 @@
border: 1px solid #4b4f6d; border: 1px solid #4b4f6d;
resize: none; resize: none;
color: #85869b; color: #85869b;
font-size: 16px; font-size: 1rem;
font-family: inter; font-family: inter;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -187,7 +187,7 @@
} }
.authenticationContainer > p { .authenticationContainer > p {
color: #85869b; color: #85869b;
font-size: 16px; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: normal; line-height: normal;