[+] Create container for header

This commit is contained in:
Hykilpikonna
2020-04-12 13:17:57 -04:00
parent e16a95837c
commit 43c7918854
+15 -10
View File
@@ -22,10 +22,12 @@
<!-- Course list --> <!-- Course list -->
<el-col :span="8" class="overall-span"> <el-col :span="8" class="overall-span">
<el-card id="course-list" class="large right"> <el-card id="course-list" class="large right">
<div class="header">Course List</div> <div class="header">
<div class="text">Course List</div>
<!-- Search --> <!-- Search -->
<el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input> <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
</div>
<!-- Every course --> <!-- Every course -->
<div v-for="(course, index) in filteredCourses" class="item vertical-center"> <div v-for="(course, index) in filteredCourses" class="item vertical-center">
@@ -106,15 +108,18 @@
.header .header
{ {
margin-top: 15px; .text
margin-bottom: 10px; {
margin-top: 15px;
margin-bottom: 10px;
font-size: 24px; font-size: 24px;
} }
.search .search
{ {
margin-bottom: 20px; margin-bottom: 20px;
}
} }
.item .item