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>
<div>
<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>
{{ $t('course.regular') }}
<span :class="{ 'on': isRegular }">{{ $t('course.regular') }}</span>
</a>
</div>
@ -76,6 +76,9 @@ export default {
i {
margin: auto 0.4em;
}
span.on {
font-weight: bolder;
}
}
button.badge {
margin-left: 0.8em;