azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[S] Separate course items to a separate div

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-12 14:01:14 -04:00
parent 61c934c360
commit 81f66b65de
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/course-selection.vue
+7 -4
View File
@@ -19,7 +19,7 @@
</el-card> </el-card>
</el-col> </el-col>
<!-- Course list --> <!-- Course list card -->
<el-col :span="8" class="overall-span"> <el-col :span="8" class="overall-span">
<el-card id="course-list" ref="cl" class="large right" body-style="padding: 0"> <el-card id="course-list" ref="cl" class="large right" body-style="padding: 0">
<div class="header" :style="{width: courseListWidth + 'px'}"> <div class="header" :style="{width: courseListWidth + 'px'}">
@@ -29,9 +29,12 @@
<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> </div>
<!-- Every course --> <!-- Actual course list -->
<div v-for="(course, index) in filteredCourses" class="item vertical-center"> <div class="list">
<span class="name">{{course.name}}</span> <!-- Every course -->
<div v-for="(course, index) in filteredCourses" class="item vertical-center">
<span class="name">{{course.name}}</span>
</div>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>