badge settings in banners

This commit is contained in:
2021-07-07 18:31:05 +02:00
parent 9a1272d350
commit 3970bb2644
4 changed files with 6 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
<template>
<span class="badge bg-secondary">{{ issue.text }}</span>
<span class="badge bg-chill-light-gray text-dark">{{ issue.text }}</span>
</template>
<script>

View File

@@ -8,10 +8,10 @@
</div>
<div>
<button class="badge rounded-pill" :class="{ 'badge-primary': isEmergency, 'badge-secondary': !isEmergency }" @click="toggleEmergency">
<button class="badge rounded-pill" :class="{ 'bg-primary': isEmergency, 'bg-secondary': !isEmergency }" @click="toggleEmergency">
{{ $t('course.emergency') }}
</button>
<button class="badge rounded-pill" :class="{ 'badge-primary': isConfidential, 'badge-secondary': !isConfidential }" @click="toggleConfidential">
<button class="badge rounded-pill" :class="{ 'bg-primary': isConfidential, 'bg-secondary': !isConfidential }" @click="toggleConfidential">
{{ $t('course.confidential') }}
</button>
</div>
@@ -82,7 +82,7 @@ export default {
}
button.badge {
margin-left: 0.8em;
&.badge-secondary {
&.bg-secondary {
opacity: 0.5;
&:hover {
opacity: 0.7;