Merge branch 'feature-quiz' into develop

src/router/index.js

@@ -75,6 +75,11 @@ const routes = [{
   path: '/student/quiz/:quizId/do-quiz',
   name: 'student-do-quiz',
   component: () => import(/* webpackChunkName: "student" */ '../views/student/components/StudentDoQuiz.vue')
+}, {
+  meta: { roles: ['student'] },
+  path: '/student/quiz/:quizId',
+  name: 'student-quiz-detail',
+  component: () => import(/* webpackChunkName: "student" */ '../views/student/components/StudentQuizDetail.vue')
 }, {
   meta: { roles: ['teacher'] },
   path: '/teacher',
@@ -142,12 +147,7 @@ const routes = [{
   }, {
     path: 'quiz',
     name: 'student-quiz',
-    component: () => import(/* webpackChunkName: "student" */ '../views/student/tabs/StudentQuiz.vue'),
-    children: [{
-      path: ':quizId',
-      name: 'student-quiz-detail',
-      component: () => import(/* webpackChunkName: "student" */ '../views/student/components/StudentQuizDetail.vue')
-    }]
+    component: () => import(/* webpackChunkName: "student" */ '../views/student/tabs/StudentQuiz.vue')
   }, {
     path: 'courses',
     name: 'student-courses',

src/views/student/components/StudentQuizDetail.vue

@@ -49,8 +49,8 @@ export default {
 </script>
 <style lang="scss" scoped>
 .student-quiz-detail {
-  max-width: 575px;
-  padding: 64px 24px;
   margin: 0 auto;
+  max-width: 1000px;
+  padding: 64px 24px;
 }
 </style>