diff --git a/assets/style.less b/assets/style.less index 2cc3e325..00dd8007 100644 --- a/assets/style.less +++ b/assets/style.less @@ -1,6 +1,7 @@ html, body { scrollbar-width: thin; scrollbar-color: orange; + overflow: auto !important; } li { diff --git a/components/Calendar.vue b/components/Calendar.vue index 886d9319..2049405f 100644 --- a/components/Calendar.vue +++ b/components/Calendar.vue @@ -3,7 +3,7 @@ v-calendar( title-position='left' :is-dark="settings['theme.is_dark']" - :columns="$screens({ default: 1, md: 2 })" + :columns="2" @update:from-page='updatePage' :locale='$i18n.locale' :attributes='attributes' @@ -21,7 +21,7 @@ import { take, get } from 'lodash' export default { name: 'Calendar', props: { - events: { type: Array, default: [] } + events: { type: Array, default: () => [] } }, data () { const month = dayjs().month() + 1 @@ -35,13 +35,14 @@ export default { // TODO: could be better attributes () { + return [] const colors = ['blue', 'orange', 'yellow', 'teal', 'indigo', 'green', 'red', 'purple', 'pink', 'gray'] const tags = take(this.tags, 10).map(t => t.tag) let attributes = [] attributes.push({ key: 'today', dates: new Date(), highlight: { color: 'green', fillMode: 'outline' } }) function getColor (event) { - const color = { class: 'vc-rounded-full', color: 'blue', fillMode: 'outline' } + const color = { class: 'vc-rounded-full', color: 'blue', fillMode: 'normal' } const tag = get(event, 'tags[0]') if (!tag) { return color } const idx = tags.indexOf(tag) diff --git a/components/Event.vue b/components/Event.vue index 27292fea..562fac1a 100644 --- a/components/Event.vue +++ b/components/Event.vue @@ -1,78 +1,83 @@ -