diagnosis: fix 'details' button style depending on theme

This commit is contained in:
axolotle 2022-10-21 13:53:52 +02:00
parent b588b6e126
commit 6fa379fbd4

View file

@ -76,7 +76,7 @@
</b-button> </b-button>
<b-button <b-button
v-if="item.details" v-if="item.details"
size="sm" variant="outline-dark" class="ml-lg-2 mt-2 mt-lg-0" size="sm" :variant="'outline-' + (theme ? 'light' : 'dark')" class="ml-lg-2 mt-2 mt-lg-0"
v-b-toggle="`collapse-${report.id}-item-${i}`" v-b-toggle="`collapse-${report.id}-item-${i}`"
> >
<icon iname="level-down" /> {{ $t('details') }} <icon iname="level-down" /> {{ $t('details') }}
@ -106,6 +106,8 @@
</template> </template>
<script> <script>
import { mapGetters } from 'vuex'
import api from '@/api' import api from '@/api'
import { distanceToNow } from '@/helpers/filters/date' import { distanceToNow } from '@/helpers/filters/date'
@ -122,6 +124,10 @@ export default {
} }
}, },
computed: {
...mapGetters(['theme'])
},
methods: { methods: {
formatReportItem (report, item) { formatReportItem (report, item) {
let issue = false let issue = false