Major new version #2
@ -24,7 +24,6 @@ const props = defineProps({
|
|||||||
<h1>{{ props.day.displayText }}</h1>
|
<h1>{{ props.day.displayText }}</h1>
|
||||||
<span v-if="props.day.lunarPhase" class="lunar-phase">{{ props.day.lunarPhase }}</span>
|
<span v-if="props.day.lunarPhase" class="lunar-phase">{{ props.day.lunarPhase }}</span>
|
||||||
|
|
||||||
<!-- Holiday indicator -->
|
|
||||||
<div v-if="props.day.holiday" class="holiday-info">
|
<div v-if="props.day.holiday" class="holiday-info">
|
||||||
<span class="holiday-name" :title="props.day.holiday.name">
|
<span class="holiday-name" :title="props.day.holiday.name">
|
||||||
{{ props.day.holiday.name }}
|
{{ props.day.holiday.name }}
|
||||||
|
@ -685,7 +685,6 @@ window.addEventListener('resize', () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<!-- hidden probe for measuring var(--row-h) -->
|
|
||||||
<div ref="rowProbe" class="row-height-probe" aria-hidden="true"></div>
|
<div ref="rowProbe" class="row-height-probe" aria-hidden="true"></div>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<HeaderControls @go-to-today="goToToday" @open-settings="openSettings" />
|
<HeaderControls @go-to-today="goToToday" @open-settings="openSettings" />
|
||||||
@ -713,7 +712,6 @@ window.addEventListener('resize', () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Jogwheel as sibling to calendar-viewport -->
|
|
||||||
<Jogwheel
|
<Jogwheel
|
||||||
:total-virtual-weeks="totalVirtualWeeks"
|
:total-virtual-weeks="totalVirtualWeeks"
|
||||||
:row-height="rowHeight"
|
:row-height="rowHeight"
|
||||||
|
@ -61,7 +61,6 @@ function shouldRotateMonth(label) {
|
|||||||
/>
|
/>
|
||||||
<EventOverlay :week="props.week" @event-click="handleEventClick" />
|
<EventOverlay :week="props.week" @event-click="handleEventClick" />
|
||||||
</div>
|
</div>
|
||||||
<!-- Month name label (only on first week containing the 1st of the month) -->
|
|
||||||
<div
|
<div
|
||||||
v-if="props.week.monthLabel"
|
v-if="props.week.monthLabel"
|
||||||
class="month-label"
|
class="month-label"
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- Header controls with transition -->
|
|
||||||
<Transition name="header-controls" appear>
|
<Transition name="header-controls" appear>
|
||||||
<div v-if="isVisible" class="header-controls">
|
<div v-if="isVisible" class="header-controls">
|
||||||
<div class="today-date" @click="goToToday">{{ todayString }}</div>
|
<div class="today-date" @click="goToToday">{{ todayString }}</div>
|
||||||
|
@ -315,4 +315,3 @@ select {
|
|||||||
transform: none !important;
|
transform: none !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<!-- settings dialog -->
|
|
||||||
|
@ -3,9 +3,7 @@
|
|||||||
<div class="week-label">W{{ weekNumber }}</div>
|
<div class="week-label">W{{ weekNumber }}</div>
|
||||||
<div class="days-grid">
|
<div class="days-grid">
|
||||||
<DayCell v-for="day in days" :key="day.dateStr" :day="day" />
|
<DayCell v-for="day in days" :key="day.dateStr" :day="day" />
|
||||||
<div class="week-overlay">
|
<div class="week-overlay"></div>
|
||||||
<!-- Event spans will be rendered here -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-if="monthLabel"
|
v-if="monthLabel"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user