last changes on create subject

SELab-2 · May 20, 2024 · 76d4d50 · 76d4d50
1 parent 1d15183
commit 76d4d50
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 21 deletions.
diff --git a/frontend/src/components/subject/createSubjectView/body/CreateSubjectBody.vue b/frontend/src/components/subject/createSubjectView/body/CreateSubjectBody.vue
@@ -32,8 +32,4 @@ defineEmits<{
 }>();
 </script>
 
-<style scoped>
-.body {
-    height: 53vh;
-}
-</style>
+<style scoped></style>
diff --git a/frontend/src/views/subject/CreateSubjectView.vue b/frontend/src/views/subject/CreateSubjectView.vue
@@ -31,22 +31,24 @@
                         </v-card-actions>
                     </v-card>
                 </v-dialog>
-                <CreateSubjectHeaderContainer
-                    :image-path="`https://www.ugent.be/img/dcom/faciliteiten/ufo-logo.png`"
-                    :current-user-as-instructor="currentUserAsInstructor"
-                    :is-form-error="isFormError"
-                    @update:subject-name="onSubjectNameUpdated"
-                    @update:active-academic-year="activeAcademicYear = $event"
-                    @update:current-user-as-instructor="currentUserAsInstructor = $event"
-                >
-                </CreateSubjectHeaderContainer>
-                <CreateSubjectBody
-                    :current-user="currentUser"
-                    :instructors="shownInstructors"
-                    @add-instructor="addInstructor"
-                    @remove-instructor="removeInstructor"
-                >
-                </CreateSubjectBody>
+                <div class="flex-container">
+                    <CreateSubjectHeaderContainer
+                        :image-path="`https://www.ugent.be/img/dcom/faciliteiten/ufo-logo.png`"
+                        :current-user-as-instructor="currentUserAsInstructor"
+                        :is-form-error="isFormError"
+                        @update:subject-name="onSubjectNameUpdated"
+                        @update:active-academic-year="activeAcademicYear = $event"
+                        @update:current-user-as-instructor="currentUserAsInstructor = $event"
+                    >
+                    </CreateSubjectHeaderContainer>
+                    <CreateSubjectBody
+                        :current-user="currentUser"
+                        :instructors="shownInstructors"
+                        @add-instructor="addInstructor"
+                        @remove-instructor="removeInstructor"
+                    >
+                    </CreateSubjectBody>
+                </div>
 
                 <div class="confirm-btn-container">
                     <v-btn class="ma-2" color="grey" @click="dialog = true">
@@ -177,4 +179,11 @@ async function handleSubmit() {
 .back-button {
     margin: 30px;
 }
+
+.flex-container {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    width: 100%;
+}
 </style>