local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

chore: use more BaseButtons

Browse source
This commit is contained in:
kolaente 2022-02-06 18:51:47 +01:00
parent c5d598cac4
commit 18f7adf420
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/date/datepickerWithRange.vue
View file

@ -7,16 +7,16 @@
<template #content="{isOpen}"> <template #content="{isOpen}">
<div class="datepicker-with-range" :class="{'is-open': isOpen}"> <div class="datepicker-with-range" :class="{'is-open': isOpen}">
<div class="selections"> <div class="selections">
<button @click="setDateRange(null)" :class="{'is-active': customRangeActive}"> <BaseButton @click="setDateRange(null)" :class="{'is-active': customRangeActive}">
{{ $t('misc.custom') }} {{ $t('misc.custom') }}
</button> </BaseButton>
<button <BaseButton
v-for="(value, text) in dateRanges" v-for="(value, text) in dateRanges"
:key="text" :key="text"
@click="setDateRange(value)" @click="setDateRange(value)"
:class="{'is-active': from === value[0] && to === value[1]}"> :class="{'is-active': from === value[0] && to === value[1]}">
{{ $t(`input.datepickerRange.ranges.${text}`) }} {{ $t(`input.datepickerRange.ranges.${text}`) }}
</button> </BaseButton>
</div> </div>
<div class="flatpickr-container input-group"> <div class="flatpickr-container input-group">
<label class="label"> <label class="label">
@ -48,7 +48,7 @@
<p> <p>
{{ $t('input.datepickerRange.math.canuse') }} {{ $t('input.datepickerRange.math.canuse') }}
<a @click="showHowItWorks = true">{{ $t('input.datepickerRange.math.learnhow') }}</a>. <BaseButton class="has-text-primary" @click="showHowItWorks = true">{{ $t('input.datepickerRange.math.learnhow') }}</BaseButton>
</p> </p>
<modal <modal
@ -181,6 +181,7 @@ import {format} from 'date-fns'
import Popup from '@/components/misc/popup.vue' import Popup from '@/components/misc/popup.vue'
import {dateRanges} from '@/components/date/dateRanges' import {dateRanges} from '@/components/date/dateRanges'
import BaseButton from '@/components/base/BaseButton.vue'
const {t} = useI18n() const {t} = useI18n()