diff --git a/webclient/src/components/CalendarModal.vue b/webclient/src/components/CalendarModal.vue index e9cfbec76..cfcf1da56 100644 --- a/webclient/src/components/CalendarModal.vue +++ b/webclient/src/components/CalendarModal.vue @@ -8,7 +8,7 @@ import { useRoute } from "vue-router"; import type { components } from "@/api_types"; type CalendarResponse = components["schemas"]["CalendarResponse"]; import "/node_modules/vue-simple-calendar/dist/style.css"; -import "/node_modules/vue-simple-calendar/dist/css/default.css"; +import "/node_modules/vue-simple-calendar/dist/css/gcal.css"; import { useFetch } from "@/utils/fetch"; const global = useGlobalStore(); @@ -72,9 +72,10 @@ function setShowDate(d: Date) { :items="events" :show-date="showDate" :showTimes="true" - :timeFormatOptions="{ hour: '2-digit', minute: '2-digit' }" + :timeFormatOptions="{ hour: '2-digit', minute: '2-digit', hour12: false }" :startingDayOfWeek="1" - class="theme-default" + :itemTop="'2.5em'" + class="theme-gcal" >