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

[+] Split course-detail items into float-left and float-right

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-27 05:11:28 -04:00
parent 8a7007c7b7
commit 0726783465
1 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/pages/course-detail.vue
+24 -5
View File
@@ -4,11 +4,16 @@
<el-divider class="divider"><i class="el-icon-reading"></i></el-divider> <el-divider class="divider"><i class="el-icon-reading"></i></el-divider>
<div class="item" v-for="course in sortedCourses"> <div class="item" v-for="course in sortedCourses">
<div>{{course.levelFull}} - <i>{{course.teacher}}</i></div> <div class="float-left">
<div class="info"> <div>{{course.levelFull}} - <i>{{course.teacher}}</i></div>
<span class="name">{{course.name}} : </span> <div class="info">
<span class="classes"><i class="el-icon-s-home"/> {{course.classes.length}}</span> <span class="name">{{course.name}} : </span>
<span class="enrollments"><i class="el-icon-user"/> {{course.enrollments}}</span> <span class="classes"><i class="el-icon-s-home"/> {{course.classes.length}}</span>
<span class="enrollments"><i class="el-icon-user"/> {{course.enrollments}}</span>
</div>
</div>
<div class="float-right">
</div> </div>
</div> </div>
</div> </div>
@@ -66,6 +71,8 @@
background: #f8fdff; background: #f8fdff;
border-radius: 4px; border-radius: 4px;
padding: 5px 10px; padding: 5px 10px;
height: 40px;
} }
.info .info
@@ -79,4 +86,16 @@
margin-right: 10px; margin-right: 10px;
} }
} }
.float-left
{
text-align: left;
float: left;
}
.float-right
{
text-align: right;
float: right;
}
</style> </style>