143: update create project modal window (#201)

BinaryStudioAcademy · Sep 30, 2023 · 0452325 · 0452325
2 parents f9a51f3 + 55c6697
commit 0452325
Show file tree

Hide file tree

Showing 3 changed files with 473 additions and 596 deletions.
diff --git a/frontend/src/app/modules/projects/create-project-modal/create-project-modal.component.html b/frontend/src/app/modules/projects/create-project-modal/create-project-modal.component.html
@@ -4,11 +4,15 @@ <h4 class="header-title">Create Project</h4>
         <app-close-btn (buttonOnClick)="close()"></app-close-btn>
     </div>
     <div class="input-container">
-        <app-input [placeholder]="'Enter the name of your project'"
+        <app-input
+                   class="input project-name"
+                   [placeholder]="'Enter the name of your project'"
                    [formControl]="$any(projectForm.controls['projectName'])"
                    [label]="'Project name'">
         </app-input>
-        <app-input [placeholder]="'Enter default branch name'"
+        <app-input
+                   class="input branch-name"
+                   [placeholder]="'Enter default branch name'"
                    [formControl]="$any(projectForm.controls['defaultBranchName'])"
                    [label]="'Default branch'"
                    (input)="replaceSpacesWithHyphens($event)">

diff --git a/frontend/src/app/modules/projects/create-project-modal/create-project-modal.component.sass b/frontend/src/app/modules/projects/create-project-modal/create-project-modal.component.sass
@@ -12,3 +12,7 @@
 
 .drop-down-container
     margin-top: 20px
+
+.input
+    display: block
+    @extend .input-errors-padding