feat: Minor fixes to profile page
This commit is contained in:
@@ -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>
|
||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user