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

Add switches

Browse Source
This commit is contained in:
Laux Dev
2026-03-02 11:58:06 +08:00
parent d86f71ee6a
commit 39154632f4
8 changed files with 169 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/projects/view/add-from-scratch/page.jsx
View File

@@ -9,11 +9,12 @@ import AddVariableModal from "./variableModals/AddVariableModal/AddVariableModal
import AddVolumeModal from "./variableModals/AddVolumes/AddVolumeModal";
import AddConfigMapModal from "./variableModals/AddConfigMap/AddConfigMapModal";
import DeleteIcon from "@/app/components/icons/delete";
import CustomCheckbox from "@/app/components/checkbox/CheckBox";
const AddServices = () => {
const [triggerVariableDropDown, setTriggerVariableDropDown] = useState(false);
const [triggerAddVariable, setTriggerAddVariable] = useState(false);
const [triggerAddVolume, setTriggerAddVolume] = useState(false);
const [triggeAddConfigMap, setTriggerAddConfigMap] = useState(true);
const [triggeAddConfigMap, setTriggerAddConfigMap] = useState(false);
return (
<div className={globalStyle.section}>
{triggerAddVariable && (
@@ -123,6 +124,7 @@ const AddServices = () => {
<div className={styles.additionalDetailsHeader}>
<div>
<p>Auto Scaling</p>
<CustomCheckbox id="scalingCheckBox" />
</div>
</div>
<div className={styles.additionalDetailsFields}>
@@ -147,6 +149,7 @@ const AddServices = () => {
<div className={styles.additionalDetailsHeader}>
<div>
<p>Readiness</p>
<CustomCheckbox id="readiNessCheckBox" />
</div>
</div>
<div className={styles.additionalDetailsFields}>
@@ -176,6 +179,7 @@ const AddServices = () => {
<div className={styles.additionalDetailsHeader}>
<div>
<p>Liveness</p>
<CustomCheckbox id="liveNessCheckBox" />
</div>
</div>
<div className={styles.additionalDetailsFields}>

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

@@ -18,7 +18,7 @@
}
.projectDetails {
display: flex;
padding: 0 24px;
padding: 0 36px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
@@ -146,7 +146,7 @@
}
.additionalDetails {
display: flex;
padding: 0 36px 50px 36px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
@@ -154,7 +154,7 @@
}
.additionalDetails > div {
display: flex;
padding: 24px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;

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

@@ -138,7 +138,7 @@
}
.variablesContent {
display: flex;
padding-bottom: 50px;
padding-bottom: auto;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
@@ -167,7 +167,8 @@
}
.environmentVariablesContainer {
display: flex;
padding-bottom: 50px;
min-height: 200px;
padding-bottom: auto;
flex-direction: column;
align-items: flex-start;
align-self: stretch;