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

[O] Remove el-row from course-head

Browse Source
This commit is contained in:
Hykilpikonna
2019-12-21 15:13:04 -05:00
parent e7d639af33
commit d230636a0e
2 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/overall/overall-course/course-head/course-head.scss
+6 -3
View File
@@ -1,11 +1,14 @@
// Main card content // Main card content
.course-card-content.main .course-card-content.main
{ {
padding: 0 20px 0 20px;
height: 90px;
// Main color // Main color
background: white; background: white;
// Alignment
display: block;
padding: 20px;
height: 50px;
} }
.course-col-name .course-col-name
src/pages/overall/overall-course/course-head/course-head.vue
+15 -17
View File
@@ -1,25 +1,23 @@
<template> <template>
<div id="course-head" class="course-card-content main vertical-center" <div id="course-head" class="course-card-content main vertical-center"
:class="clickable ? 'clickable' : ''" @click="redirect"> :class="clickable ? 'clickable' : ''" @click="redirect">
<el-row> <div class="course-col-name">
<el-col :span="12" class="course-col-name"> <div class="course-name">{{course.name}}</div>
<div class="course-name">{{course.name}}</div> <div class="course-teacher">{{course.teacherName}}</div>
<div class="course-teacher">{{course.teacherName}}</div> </div>
</el-col> <div class="course-col-grade">
<el-col :span="12" class="course-col-grade"> <div class="course-grade">
<div class="course-grade"> <span class="letter">{{course.letterGrade}} </span>
<span class="letter">{{course.letterGrade}} </span> <span class="numeric">{{course.numericGrade === undefined ? '--' : course.numericGrade.toFixed(2)}}</span>
<span class="numeric">{{course.numericGrade === undefined ? '--' : course.numericGrade.toFixed(2)}}</span> <span class="percent" v-if="course.numericGrade !== undefined">%</span>
<span class="percent" v-if="course.numericGrade !== undefined">%</span> </div>
</div> <div class="course-updates" @click="redirect" :class="unread === 0 ? 'none' : 'unread'">
<div class="course-updates" @click="redirect" :class="unread === 0 ? 'none' : 'unread'"> <span class="unread-number">{{unread}}</span>
<span class="unread-number">{{unread}}</span> <span class="unread-text" :class="clickable ? 'clickable' : ''">
<span class="unread-text" :class="clickable ? 'clickable' : ''">
new update{{unread >= 2 ? 's' : ''}} new update{{unread >= 2 ? 's' : ''}}
</span> </span>
</div> </div>
</el-col> </div>
</el-row>
</div> </div>
</template> </template>