feat(agenda): linha da meia-hora dividindo cada hora em 2 (estilo Google)
Grade de 30min com rótulo só na hora (slotDuration 30min + slotLabelInterval 1h); a linha de :30 fica tracejada/fraca (fc-timegrid-slot-minor), distinta da linha cheia da hora — como na agenda do Google. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -758,6 +758,8 @@ export const AgendaView: React.FC<{ onNavigate?: (view: string) => void; sidebar
|
|||||||
buttonText={{ today: 'HOJE', month: 'MÊS', week: 'SEMANA', day: 'DIA' }}
|
buttonText={{ today: 'HOJE', month: 'MÊS', week: 'SEMANA', day: 'DIA' }}
|
||||||
slotMinTime="08:00:00"
|
slotMinTime="08:00:00"
|
||||||
slotMaxTime="19:00:00"
|
slotMaxTime="19:00:00"
|
||||||
|
slotDuration="00:30:00"
|
||||||
|
slotLabelInterval="01:00:00"
|
||||||
allDaySlot={false}
|
allDaySlot={false}
|
||||||
events={events}
|
events={events}
|
||||||
selectable={true}
|
selectable={true}
|
||||||
@@ -902,8 +904,13 @@ export const AgendaView: React.FC<{ onNavigate?: (view: string) => void; sidebar
|
|||||||
.fc .fc-col-header-cell-cushion { font-size: .65rem; padding: 2px; }
|
.fc .fc-col-header-cell-cushion { font-size: .65rem; padding: 2px; }
|
||||||
.fc .fc-timegrid-slot-label-cushion, .fc .fc-timegrid-axis-cushion { font-size: .6rem; }
|
.fc .fc-timegrid-slot-label-cushion, .fc .fc-timegrid-axis-cushion { font-size: .6rem; }
|
||||||
.fc .fc-timegrid-event .fc-event-main { padding: 1px 2px; }
|
.fc .fc-timegrid-event .fc-event-main { padding: 1px 2px; }
|
||||||
.fc-footer-toolbar.fc-toolbar { margin-top: .5rem; }
|
|
||||||
}
|
}
|
||||||
|
/* Linha da MEIA-HORA (:30): divide a hora em 2, fraca/tracejada como no Google
|
||||||
|
(a linha cheia da hora vem do border padrão das células). */
|
||||||
|
.fc .fc-timegrid-slot-minor {
|
||||||
|
border-top: 1px dashed #eef1f4 !important;
|
||||||
|
}
|
||||||
|
.fc-footer-toolbar.fc-toolbar { margin-top: .5rem; }
|
||||||
`}</style>
|
`}</style>
|
||||||
<AppointmentModal
|
<AppointmentModal
|
||||||
isOpen={isModalOpen}
|
isOpen={isModalOpen}
|
||||||
|
|||||||
Reference in New Issue
Block a user