Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: layout for hero image of program card

Browse Source
This commit is contained in:
scmmishra 2019-03-28 14:15:30 +05:30
parent 29aaee1488
commit c03db190d2
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template>
<div class='margin'>
<div class="card">
<img v-if="program.hero_image" :src="program.hero_image" style='height: 150px; width: auto'>
<div class="card-hero-img" v-if="program.hero_image" v-bind:style="{ 'background-image': 'url(' + image + ')' }"></div>
<div class='card-body'>
<router-link :to="'/Program/' + program.name">
<h5 class='card-title'>{{ program.program_name }}</h5>
@ -30,11 +30,10 @@ export default {
return {
isLogin: frappe.is_user_logged_in(),
enrollButton: 'Enroll Now',
programRoute: { name: 'program', params: { program_name: this.program.name }}
programRoute: { name: 'program', params: { program_name: this.program.name }},
image: "'" + this.program.hero_image + "'"
};
},
created() {
},
methods: {
enroll() {
this.enrollButton = 'Enrolling...'
@ -77,4 +76,9 @@ export default {
a.btn-secondary {
color: white !important;
}
div.card-hero-img {
height: 220px;
background-position: center
}
</style>