Merge branch 'feature/review-bay' of SEEC-II-FrontEnd-Team/SEEC-II-FrontEnd into develop

src/layouts/SettingLayout.vue

@@ -2,7 +2,7 @@
   <div class="section">
     <div class="container">
       <div class="columns is-desktop">
-        <div class="column is-3">
+        <div class="column is-3-desktop">
           <aside class="menu">
             <ul class="menu-list">
               <li>

src/layouts/courseLayouts/LayoutStructure.vue

@@ -87,7 +87,7 @@ $top-section-height: 4.25rem;
 .menu-section {
   //min-width: $menu-width;
   //width: $left-width-calc;
-  max-width: 260px;
+  width: 280px;
   /*background: white;*/
   /*border-right: 3px solid rgb(159, 148, 254);*/
   padding-left: $left-padding-calc;

src/views/student/Group/index.vue

@@ -26,7 +26,7 @@
         <div class="divider">
           <div class="columns is-multiline is-desktop">
             <div
-              class="column is-3"
+              class="column is-3-desktop"
               :key="member.id"
               v-for="member in groups[0].members"
             >

src/views/student/Home/index.vue

@@ -10,7 +10,7 @@
     </section>
     <div class="container">
       <div class="columns is-multiline is-desktop">
-        <div :key="item.id" v-for="item in courses" class="column is-4">
+        <div :key="item.id" v-for="item in courses" class="column is-4-desktop">
           <router-link :to="`/course-student/${item.id}/dashboard`">
             <card hoverable>{{ item.name }}</card>
           </router-link>

src/views/student/Review/ReviewDetail/ReviewDocs/index.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="columns is-multiline is-desktop">
-    <div :key="item.docReviewId" v-for="item in docs" class="column is-4">
+    <div
+      :key="item.docReviewId"
+      v-for="item in docs"
+      class="column is-4-desktop"
+    >
       <router-link :to="`${$route.path}/doc/${item.docReviewId}`">
         <card hoverable> {{ item.group.name }} </card>
       </router-link>

src/views/student/Review/index.vue

@@ -10,7 +10,7 @@
     </page-header>
     <page-body>
       <div class="columns is-multiline is-desktop">
-        <div :key="item.id" v-for="item in review" class="column is-4">
+        <div :key="item.id" v-for="item in review" class="column is-4-desktop">
           <router-link :to="`${$route.path}/${item.reviewId}`">
             <card hoverable>
               {{ item.name }}

src/views/teacher/Review/ReviewDetail/Groups/index.vue

@@ -5,7 +5,11 @@
       </b-input>
     </div>
     <div class="columns is-multiline is-desktop">
-      <div :key="item.id" v-for="item in availableGroups" class="column is-4">
+      <div
+        :key="item.id"
+        v-for="item in availableGroups"
+        class="column is-4-desktop"
+      >
         <router-link :to="`${$route.path}/${item.id}`">
           <card hoverable> {{ item.name }} </card>
         </router-link>

src/views/teacher/Review/index.vue

@@ -10,7 +10,7 @@
     </page-header>
     <page-body>
       <div class="columns is-multiline is-desktop">
-        <div :key="item.id" v-for="item in review" class="column is-4">
+        <div :key="item.id" v-for="item in review" class="column is-4-desktop">
           <router-link :to="`${$route.path}/${item.reviewId}`">
             <card hoverable>
               {{ item.name }}