quirinecker/dayplanner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved calendar styles, switched profile pic, fixed dark mode

Browse Source
This commit is contained in:
quirinecker
2025-05-11 22:36:28 +02:00
parent 555aca0a99
commit db86f9323e
6 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/ui/calendar/CalendarCollumn.vue
View File

@@ -3,6 +3,7 @@ import { computed, ref, useTemplateRef } from 'vue';
import CalendarSeperator from './CalendarSeperator.vue';
import type { Moment } from 'moment';
import CalendarEvent from './CalendarEvent.vue';
import { Event } from '~/utils/event';
import moment from 'moment';
const props = defineProps<{
@@ -92,7 +93,7 @@ function dragDrop(_: DragEvent) {
<template>
<div class="flex flex-col h-full grow">
<div class="flex justify-center items-center flex-col h-18 border-b-2 border-text">
<div class="flex justify-center items-center flex-col h-18 border-b-1 border-muted">
<div>{{ props.day.format('dd').toUpperCase() }}</div>
<div>{{ props.day.date() }}</div>
</div>
@@ -100,7 +101,7 @@ function dragDrop(_: DragEvent) {
<div id="col" ref="column" @mousedown="mousedown" @mouseup="mouseup" @mousemove="mouseover" @dragover="dragover"
@dragend="dragDrop" class="relative flex flex-col grow items-center">
<CalendarSeperator v-for="sep in seperators" :seperator="sep">
<hr class="w-full">
<hr class="w-full border-muted">
</CalendarSeperator>
<div class="absolute w-11/12 top-20 bg-black opacity-45 rounded-lg"
:style="{ height: `${height}px`, top: `${top}px` }"></div>