From 472d83e9fb41a2993e5cf497c7f4e7f2d2f6e818 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sat, 9 Nov 2019 22:44:22 -0500
Subject: [PATCH] [S] Adjust height

---
 src/pages/course/course-page.scss          | 6 ++++++
 src/pages/course/course-page.vue           | 6 ++++--
 src/pages/course/type-pie/type-pie.vue     | 2 +-
 src/pages/course/type-radar/type-radar.ts  | 4 ++--
 src/pages/course/type-radar/type-radar.vue | 2 +-
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/pages/course/course-page.scss b/src/pages/course/course-page.scss
index 3b1dce2..afcecd0 100644
--- a/src/pages/course/course-page.scss
+++ b/src/pages/course/course-page.scss
@@ -18,3 +18,9 @@
     // https://stackoverflow.com/questions/17572619/inset-box-shadow-only-on-one-side
     box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.1);
 }
+
+.type-graph
+{
+    padding-top: 23px;
+    height: 420px !important;
+}
diff --git a/src/pages/course/course-page.vue b/src/pages/course/course-page.vue
index b41a3af..eaa62d5 100644
--- a/src/pages/course/course-page.vue
+++ b/src/pages/course/course-page.vue
@@ -17,12 +17,14 @@
 
             <el-row>
                 <el-col :span="12">
-                    <el-card class="large overall-line-card vertical-center" body-style="padding: 0">
+                    <el-card class="large overall-line-card vertical-center type-graph"
+                             body-style="padding: 0">
                         <TypeRadar :course="course"></TypeRadar>
                     </el-card>
                 </el-col>
                 <el-col :span="12">
-                    <el-card class="large overall-line-card vertical-center" body-style="padding: 0">
+                    <el-card class="large overall-line-card vertical-center type-graph"
+                             body-style="padding: 0">
                         <TypePie :course="course"></TypePie>
                     </el-card>
                 </el-col>
diff --git a/src/pages/course/type-pie/type-pie.vue b/src/pages/course/type-pie/type-pie.vue
index bd08fcb..5ad2445 100644
--- a/src/pages/course/type-pie/type-pie.vue
+++ b/src/pages/course/type-pie/type-pie.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="type-pie">
-        <ve-pie height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-pie>
+        <ve-pie height="420px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-pie>
     </div>
 </template>
 
diff --git a/src/pages/course/type-radar/type-radar.ts b/src/pages/course/type-radar/type-radar.ts
index 5f4c598..15d1445 100644
--- a/src/pages/course/type-radar/type-radar.ts
+++ b/src/pages/course/type-radar/type-radar.ts
@@ -71,7 +71,7 @@ export default class TypeRadar extends Vue
                     color: Constants.THEME.colors[i]
                 }}),
                 radius: '60%',
-                center: ['50%', '60%']
+                center: ['50%', '55%']
             },
 
             tooltip: {},
@@ -90,7 +90,7 @@ export default class TypeRadar extends Vue
                             color:
                             {
                                 type: 'radial',
-                                x: 0.5, y: 0.6, r: 0.5,
+                                x: 0.5, y: 0.55, r: 0.5,
                                 colorStops:
                                 [
                                     {offset: 0, color: '#ffa0a0'},
diff --git a/src/pages/course/type-radar/type-radar.vue b/src/pages/course/type-radar/type-radar.vue
index e0a8f89..2beb758 100644
--- a/src/pages/course/type-radar/type-radar.vue
+++ b/src/pages/course/type-radar/type-radar.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="type-radar">
-        <ve-radar height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-radar>
+        <ve-radar height="420px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-radar>
     </div>
 </template>