Added new features

2026-02-26 16:27:44 +08:00
parent bd94bb4618
commit ccd0caf14d
8 changed files with 901 additions and 236 deletions
--- a/frontend/src/app/projects/view/add-from-scratch/styles.module.css
+++ b/frontend/src/app/projects/view/add-from-scratch/styles.module.css
@@ -0,0 +1,121 @@
+.contentContainer {
+  display: flex;
+  align-items: flex-start;
+  flex: 1 0 0;
+  align-self: stretch;
+}
+.fieldsContainerCreateNew {
+  display: flex;
+  padding-top: 36px;
+  flex-direction: column;
+
+  align-items: flex-start;
+  gap: 36px;
+  background: #191a24;
+  height: calc(100vh - 175px);
+  overflow-y: scroll;
+  scrollbar-width: none;
+}
+.projectDetails {
+  display: flex;
+  padding: 0 36px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+}
+.projectDetailsHeader {
+  display: flex;
+  padding-bottom: 24px;
+  align-items: flex-start;
+  gap: 17px;
+  align-self: stretch;
+}
+.projectDetailsHeader p {
+  color: #d2d3e1;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  letter-spacing: 0.2px;
+}
+.fieldsCreateNew {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  align-self: stretch;
+}
+.fieldsCreateNew > div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  align-self: stretch;
+}
+.fieldsCreateNew > div:nth-child(1) {
+  display: flex;
+  padding: 16px 0;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+  align-self: stretch;
+}
+.fieldsCreateNew > div > div {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 12px;
+  flex: 1 0 0;
+}
+.fieldsCreateNew > div > div p {
+  color: #d2d3e1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  letter-spacing: 0.16px;
+}
+.fieldsCreateNew > div > div p > span {
+  color: #85869b;
+}
+.fieldsCreateNew > div > div input,
+.fieldsCreateNew > div > div select {
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+  border-radius: 4px;
+  border: 1px solid #4b4f6d;
+  background-color: transparent;
+  color: white;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  letter-spacing: 0.16px;
+}
+.fieldsCreateNew > div > div input::placeholder {
+  color: #85869b;
+}
+.repositoryForm {
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  align-self: stretch;
+  border-radius: 4px;
+  border: 1px dashed #5980f1;
+  color: #5980f1;
+  text-align: center;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  letter-spacing: 0.16px;
+}