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

made it kinda responsive

Browse Source
This commit is contained in:
quirinecker
2025-07-08 10:24:10 +02:00
parent f2f23c238d
commit ab3217df20
3 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/ui/MainContent.vue
View File

@@ -28,7 +28,7 @@ function deleteItem(event: Event) {
</script> </script>
<template> <template>
<UCard class="flex grow" :ui="{ body: 'w-full h-full' }"> <UCard class="md:flex grow hidden" :ui="{ body: 'w-full h-full' }">
<Calendar @create="(event) => emits('createEvent', event)" @edit-task="(task) => emits('edit-task', task)" <Calendar @create="(event) => emits('createEvent', event)" @edit-task="(task) => emits('edit-task', task)"
@edit="(event) => emits('edit-event', event)" @delete="deleteItem" v-model:events="events" @edit="(event) => emits('edit-event', event)" @delete="deleteItem" v-model:events="events"
v-model:date="date" , v-model:dragged-task="draggedTask" v-model:tasks="tasks"> v-model:date="date" , v-model:dragged-task="draggedTask" v-model:tasks="tasks">

7
web/components/ui/Sidebar.vue
View File

@@ -148,7 +148,7 @@ function dismissSchedule() {
</script> </script>
<template> <template>
<UCard class="flex w-64 h-full" :ui="{ body: 'w-full' }"> <UCard class="flex md:w-64 w-full h-full" :ui="{ body: 'w-full' }">
<UiTaskFormModal v-model:open="showTaskCreateModal" :input="taskFormModalInput" action="create" <UiTaskFormModal v-model:open="showTaskCreateModal" :input="taskFormModalInput" action="create"
@submnitted="addTask" /> @submnitted="addTask" />
<UiTaskFormModal v-model:open="showTaskEditModal" :input="taskFormModalInput" action="edit" <UiTaskFormModal v-model:open="showTaskEditModal" :input="taskFormModalInput" action="edit"
@@ -163,7 +163,7 @@ function dismissSchedule() {
</UModal> </UModal>
<div class="flex flex-col h-full w-full gap-5" @dragenter="dismissSchedule"> <div class="flex flex-col h-full w-full gap-5" @dragenter="dismissSchedule">
<header class="flex flex-col gap-2"> <header class="flex-col gap-2 md:flex hidden">
<Title1>Calendar</Title1> <Title1>Calendar</Title1>
<UCalendar v-model="selectedDate" /> <UCalendar v-model="selectedDate" />
</header> </header>
@@ -224,6 +224,3 @@ function dismissSchedule() {
</UCard> </UCard>
</template> </template>
<style scoped></style> <style scoped></style>
<style scoped></style>
<style scoped></style>
<style scoped></style>

3
web/components/ui/calendar/Calendar.vue
View File

@@ -256,7 +256,8 @@ function rawEdit(event: Event) {
<CalendarCollumn v-for="day in days" :seperators="seperators" :day="day.date" :events="day.events" <CalendarCollumn v-for="day in days" :seperators="seperators" :day="day.date" :events="day.events"
:task-dragging-active="taskDraggingActive" :date="date" v-model:draggedEvent="draggedEvent" :task-dragging-active="taskDraggingActive" :date="date" v-model:draggedEvent="draggedEvent"
@quick-create="openCreateModal" @edit="openEditModal" @delete="openDeleteModal" @moved="moveEvent" @quick-create="openCreateModal" @edit="openEditModal" @delete="openDeleteModal" @moved="moveEvent"
@edit-task="(task) => emits('edit-task', task)" @raw-edit="(event) => rawEdit(event)" v-model:dragged-task="draggedTask" /> @edit-task="(task) => emits('edit-task', task)" @raw-edit="(event) => rawEdit(event)"
v-model:dragged-task="draggedTask" />
</div> </div>
</div> </div>