feat: restructured workspace add form

Signed-off-by: Karthik Ayangar <karthik.ayangar7118@gmail.com>
mdgspace · May 19, 2024 · 11414c3 · 11414c3
1 parent 0f58c67
commit 11414c3
Show file tree

Hide file tree

Showing 4 changed files with 218 additions and 153 deletions.
diff --git a/frontend/src/features/AddProject/index.tsx b/frontend/src/features/AddProject/index.tsx
@@ -147,7 +147,7 @@ const AddProject = () => {
         autoComplete='off'
         noValidate
       >
-        <div className='input-title'>Name</div>
+        <div className='input-title'>Name<span style={{color:'red',paddingLeft:'4px'}}>*</span></div>
         <input
           type='text'
           placeholder='Project name'
@@ -158,7 +158,7 @@ const AddProject = () => {
           required
         />
         {formErrors.name && <p className='form-error'>{formErrors.name}</p>}
-        <div className='input-title'>Project link</div>
+        <div className='input-title'>Project link<span style={{color:'red',paddingLeft:'4px'}}>*</span></div>
         <input
           type='text'
           value={form.link}

diff --git a/frontend/src/features/AddWorkspace/index.scss b/frontend/src/features/AddWorkspace/index.scss
@@ -20,6 +20,10 @@ $breakpoint-tablet: 768px;
     gap: 2rem;
     .submit {
       display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      gap: 10px;
       padding: 1rem 2rem;
       align-self: flex-end;
       font-size: 1.5rem;
@@ -120,6 +124,10 @@ $breakpoint-tablet: 768px;
     border-radius: 2.3125rem;
     background: #402aa4;
   }
+  .add-member-button:disabled {
+    background-color: grey;
+
+  }
 }
 
 .added-members {