From f30b0ab732eba789654ea3903321f70dfeafa144 Mon Sep 17 00:00:00 2001 From: VPS 4 Builder Date: Mon, 6 Jul 2026 19:34:02 +0200 Subject: [PATCH] feat(agenda): linha da meia-hora dividindo cada hora em 2 (estilo Google) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- frontend/views/AgendaView.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/frontend/views/AgendaView.tsx b/frontend/views/AgendaView.tsx index 3599a70..2956873 100644 --- a/frontend/views/AgendaView.tsx +++ b/frontend/views/AgendaView.tsx @@ -758,6 +758,8 @@ export const AgendaView: React.FC<{ onNavigate?: (view: string) => void; sidebar buttonText={{ today: 'HOJE', month: 'MÊS', week: 'SEMANA', day: 'DIA' }} slotMinTime="08:00:00" slotMaxTime="19:00:00" + slotDuration="00:30:00" + slotLabelInterval="01:00:00" allDaySlot={false} events={events} 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-timegrid-slot-label-cushion, .fc .fc-timegrid-axis-cushion { font-size: .6rem; } .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; } `}