users page changes

frontend/src/app/credentials/add/styles.module.css

@@ -16,3 +16,89 @@
   gap: 24px;
   border-radius: 8px;
 }
+.projectName {
+  display: flex;
+  width: 500px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+}
+.label {
+  display: flex;
+  align-items: flex-start;
+  gap: 2px;
+  align-self: stretch;
+}
+.labelTxt {
+  color: #d2d3e1;
+  color: color(display-p3 0.8235 0.8275 0.8784);
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+.required {
+  color: #cfb000;
+  font-weight: 600;
+}
+
+.credInputField {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+}
+
+/* 
+.inputField {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+}
+.inputField > input {
+  display: flex;
+  height: 44px;
+  padding: 12px 16px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  background: none;
+  gap: 10px;
+  align-self: stretch;
+  border-radius: 6px;
+  border: 1px solid #616583;
+  border: 1px solid color(display-p3 0.3843 0.3961 0.5057);
+}
+.inputField > input:hover {
+  border: 1px solid #616583;
+  border: 1px solid color(display-p3 0.3843 0.3961 0.5057);
+  background: rgba(75, 79, 109, 0.05);
+  background: color(display-p3 0.298 0.3098 0.4196 / 0.05);
+}
+
+.inputField input:focus {
+  outline: none;
+  border-radius: 6px;
+  border: 1px solid #959aff;
+  border: 1px solid color(display-p3 0.5892 0.6031 0.9766);
+  background: rgba(75, 79, 109, 0.25);
+  background: color(display-p3 0.298 0.3098 0.4196 / 0.25);
+  caret-color: #959aff;
+}
+.inputField input:focus::placeholder {
+  color: #4b4f6d;
+  color: color(display-p3 0.298 0.3098 0.4196);
+}
+
+.placeholderTxt::placeholder {
+  color: #85869b;
+  color: color(display-p3 0.5216 0.5255 0.6);
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal; */