rename subcomponent

This commit is contained in:
Mathieu Jaumotte 2021-05-22 09:56:09 +02:00
parent d08f2e0e11
commit 02f1d2ff8a
2 changed files with 8 additions and 4 deletions

View File

@ -46,11 +46,11 @@
<teleport to="#header-accompanying_course-details #banner-social-issues"> <teleport to="#header-accompanying_course-details #banner-social-issues">
<div class="grid-12"> <div class="grid-12">
<social-issues <social-issue
v-for="issue in accompanyingCourse.socialIssues" v-for="issue in accompanyingCourse.socialIssues"
v-bind:key="issue.id" v-bind:key="issue.id"
v-bind:issue="issue"> v-bind:issue="issue">
</social-issues> </social-issue>
</div> </div>
</teleport> </teleport>
@ -58,13 +58,13 @@
<script> <script>
import ToggleFlags from './Banner/ToggleFlags'; import ToggleFlags from './Banner/ToggleFlags';
import SocialIssues from './Banner/SocialIssues.vue'; import SocialIssue from './Banner/SocialIssue.vue';
export default { export default {
name: 'Banner', name: 'Banner',
components: { components: {
ToggleFlags, ToggleFlags,
SocialIssues SocialIssue
}, },
computed: { computed: {
accompanyingCourse() { accompanyingCourse() {

View File

@ -11,6 +11,10 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
span.badge { span.badge {
font-size: 95%;
text-transform: capitalize !important;
font-weight: 500 !important;
margin-bottom: 5px;
margin-right: 1em; margin-right: 1em;
} }
</style> </style>