schuetz3/schuetz3-erpnext
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed (ui): Fixed cards with better buttons

Browse Source
This commit is contained in:
scmmishra
2019-04-22 17:51:30 +05:30
parent 5079e6c1c1
commit 6c8f23b27e
5 changed files with 84 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
erpnext/public/js/education/lms/components/ProgramCard.vue
View File

@@ -3,12 +3,12 @@
<div class="card h-100">
<router-link :to="'/Program/' + program.name">
<div class="card-hero-img" v-if="program.hero_image" v-bind:style="{ 'background-image': 'url(' + image + ')' }"></div>
<div v-else class="card-image-wrapper">
<div v-else class="card-image-wrapper text-center">
<div class="image-body">{{ program.program_name }}</div>
</div>
<div class='card-body'>
<h5 class='card-title'>{{ program.program_name }}</h5>
<div>{{ program.description.substring(0,200) }}...</div>
<div class="text-muted">{{ program.description.substring(0,200) }}...</div>
</div>
</router-link>
<div class='text-right p-3'>
@@ -79,28 +79,4 @@ export default {
a.btn-secondary {
color: white !important;
}
div.card-hero-img {
height: 220px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: rgb(250, 251, 252);
}
.card-image-wrapper {
display: flex;
overflow: hidden;
height: 220px;
background-color: rgb(250, 251, 252);
}
.image-body {
align-self: center;
color: #d1d8dd;
font-size: 24px;
font-weight: 600;
line-height: 1;
padding: 20px;
}
</style>