[+] Add cols to display course name and teacher name

2019-10-01 20:39:53 -04:00
parent 03e212bd37
commit a444dbb32a
2 changed files with 22 additions and 1 deletions
@@ -8,3 +8,9 @@
    // Height limit
    max-height: 90px;
 }
+
+.course-col-name
+{
+    vertical-align: top;
+    text-align: left;
+}
@@ -1,7 +1,22 @@
 <template>
    <div id="overall-course">
        <el-card class="course-card">
-            Hi
+            <el-row>
+                <el-col :span="4" class="course-col-name">
+                    <div class="course-name">
+                        <span>{{course.name}}</span>
+                    </div>
+                    <div class="course-teacher">
+                        {{course.teacherName}}
+                    </div>
+                </el-col>
+                <el-col :span="14">
+
+                </el-col>
+                <el-col :span="6">
+
+                </el-col>
+            </el-row>
        </el-card>
    </div>
 </template>