feat: Minor fixes to profile page

This commit is contained in:
scmmishra
2019-02-28 18:11:46 +05:30
parent ab8fc8c2bf
commit f0a56b977a
3 changed files with 20 additions and 16 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<section> <section>
<div> <div class="py-5">
<div class="row"> <div class="row">
<div class="col-sm-3 text-center"> <div class="col-sm-3 text-center">
<span class="sidebar-standard-image" title="Lorem Ipsum"> <span class="sidebar-standard-image" title="Lorem Ipsum">
@@ -72,18 +72,20 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.edit-button{ .edit-button {
position:absolute; position: absolute;
top:0; top: 0;
right:0; right: 0;
} }
.standard-image { .standard-image {
font-size: 72px; font-size: 72px;
border-radius: 6px; border-radius: 6px;
} }
ul { ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
margin: 0 margin: 0
} }
</style> </style>

View File

@@ -11,8 +11,8 @@
Courses Courses
<ul class="mb-0 mt-1"> <ul class="mb-0 mt-1">
<li v-for="item in programData.progress" :key="item.name"> <li v-for="item in programData.progress" :key="item.name">
<span v-if="item.is_complete"><i class="text-success fa fa-check-circle" aria-hidden="true"></i></span> <span v-if="item.is_complete"><i class="text-success fa fa-check-circle" aria-hidden="true"></i></span>
<span v-else><i class="text-secondary fa fa-circle-o" aria-hidden="true"></i></span> <span v-else><i class="text-secondary fa fa-circle-o" aria-hidden="true"></i></span>
{{ item.course_name }} {{ item.course_name }}
</li> </li>
</ul> </ul>
@@ -82,11 +82,13 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
a {
text-decoration: none;
}
li { li {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
} }
a {
text-decoration: none;
color: black;
}
</style> </style>

View File

@@ -7,7 +7,7 @@
<CardList :title="'Quiz Attempts'" :description="''" :sectionType="'section-padding section'"> <CardList :title="'Quiz Attempts'" :description="''" :sectionType="'section-padding section'">
<ScoreCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/> <ScoreCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/>
</CardList> </CardList>
</div> </div>
</template> </template>
<script> <script>
@@ -24,9 +24,9 @@ export default {
AButton: Button, AButton: Button,
TopSection, TopSection,
CardList, CardList,
ProfileInfo, ProfileInfo,
ProgressCard, ProgressCard,
ScoreCard ScoreCard
}, },
data() { data() {
return { return {