fix banner toggleFlags regular/occasionnal 'on' style -> stronger

This commit is contained in:
Mathieu Jaumotte 2021-05-31 09:54:28 +02:00
parent 741ed84918
commit 992734bb72

View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<a @click="toggleIntensity" class="flag-toggle"> <a @click="toggleIntensity" class="flag-toggle">
{{ $t('course.occasional') }} <span :class="{ 'on': !isRegular }">{{ $t('course.occasional') }}</span>
<i class="fa" :class="{ 'fa-toggle-on': isRegular, 'fa-toggle-on fa-flip-horizontal': !isRegular }"></i> <i class="fa" :class="{ 'fa-toggle-on': isRegular, 'fa-toggle-on fa-flip-horizontal': !isRegular }"></i>
{{ $t('course.regular') }} <span :class="{ 'on': isRegular }">{{ $t('course.regular') }}</span>
</a> </a>
</div> </div>
@ -76,6 +76,9 @@ export default {
i { i {
margin: auto 0.4em; margin: auto 0.4em;
} }
span.on {
font-weight: bolder;
}
} }
button.badge { button.badge {
margin-left: 0.8em; margin-left: 0.8em;