[+] Create container for header
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user