create/patch subject styling

SELab-2 · May 23, 2024 · 173b4ae · 173b4ae
1 parent 049b7f7
commit 173b4ae
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 5 deletions.
diff --git a/frontend/src/components/subject/modify/body/SubjectInstructorsCard.vue b/frontend/src/components/subject/modify/body/SubjectInstructorsCard.vue
@@ -11,7 +11,7 @@
                 variant="elevated"
                 :color="instructor!.is_teacher ? `primary` : `green`"
                 @click:close="$emit('remove-instructor', instructor)"
-                class="ma-1"
+                class="ma-1 chip"
             >
                 <v-icon
                     :icon="instructor!.is_teacher ? `mdi-account-tie-outline` : `mdi-school`"
@@ -41,6 +41,10 @@ defineEmits<{
     padding: 20px;
 }
 
+.chip {
+    min-width: fit-content;
+}
+
 .card-title {
     font-size: 24px;
     text-transform: capitalize;

diff --git a/frontend/src/components/subject/modify/body/UserSearchCard.vue b/frontend/src/components/subject/modify/body/UserSearchCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-card variant="text" class="title-card" width="100%" height="50vh">
+    <v-card variant="text" class="title-card" width="100%" height="350px">
         <v-card-title class="card-title">
             {{ $t("create_subject.search_for_instructors") }}
         </v-card-title>

diff --git a/frontend/src/components/subject/modify/body/UserSearchList.vue b/frontend/src/components/subject/modify/body/UserSearchList.vue
@@ -94,7 +94,7 @@ const userIsInstructor = (user: User) => {
 <style scoped>
 .scrollable-list {
     overflow-y: auto;
-    max-height: 30vh;
+    max-height: 200px;
     scrollbar-width: none;
 }
 

diff --git a/frontend/src/components/subject/modify/header/ModifySubjectHeaderCard.vue b/frontend/src/components/subject/modify/header/ModifySubjectHeaderCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-card variant="text" class="title-card" width="100%" height="45vh">
+    <v-card variant="text" class="title-card" width="100%" height="300px">
         <v-card-title class="title">
             {{ title }}
         </v-card-title>

diff --git a/frontend/src/components/subject/modify/header/ModifySubjectHeaderImage.vue b/frontend/src/components/subject/modify/header/ModifySubjectHeaderImage.vue
@@ -10,6 +10,6 @@ defineProps<{
 
 <style scoped>
 .header-img {
-    height: 45vh;
+    height: 300px;
 }
 </style>
diff --git a/frontend/src/views/subject/modify/CreateSubjectView.vue b/frontend/src/views/subject/modify/CreateSubjectView.vue
@@ -199,6 +199,7 @@ async function handleSubmit() {
 
 .back-button {
     margin: 30px;
+    z-index: 10;
 }
 
 .flex-container {

diff --git a/frontend/src/views/subject/modify/PatchSubjectView.vue b/frontend/src/views/subject/modify/PatchSubjectView.vue
@@ -303,6 +303,7 @@ async function handleSubmit() {
 
 .back-button {
     margin: 30px;
+    z-index: 10;
 }
 
 .flex-container {