diff --git a/client/index.html b/client/index.html index 5691394..b74f1fd 100644 --- a/client/index.html +++ b/client/index.html @@ -1,5 +1,5 @@ - + diff --git a/client/src/components/Calendar.tsx b/client/src/components/Calendar.tsx index 5623039..6e8b2d6 100644 --- a/client/src/components/Calendar.tsx +++ b/client/src/components/Calendar.tsx @@ -318,14 +318,15 @@ export const Calendar = ({ duration: { days: Math.min(countDays, 7) }, dayHeaderContent: (args: DayHeaderContentArg) => { return ( -
+
{dayjs.utc(args.date).tz().format("M/D")}
{dayjs.utc(args.date).tz().format("(ddd)")}
); }, slotLabelContent: (args: SlotLabelContentArg) => { - return
{dayjs.utc(args.date).tz().format("HH:mm")}
; + // -translate-y-1/2 で時刻ラベルをグリッド線上に中央揃えする + return
{dayjs.utc(args.date).tz().format("HH:mm")}
; }, slotLabelInterval: "00:30:00", validRange: { @@ -459,7 +460,7 @@ export const Calendar = ({ } if (info.event.classNames.includes(EDITING_EVENT)) { return ( -
{`${dayjs.utc(info.event.start).tz().format("HH:mm")} - ${dayjs.utc(info.event.end).tz().format("HH:mm")}`}
+
{`${dayjs.utc(info.event.start).tz().format("HH:mm")} - ${dayjs.utc(info.event.end).tz().format("HH:mm")}`}
); } }, []); diff --git a/client/src/components/Footer.tsx b/client/src/components/Footer.tsx index bc327a7..683b86a 100644 --- a/client/src/components/Footer.tsx +++ b/client/src/components/Footer.tsx @@ -2,25 +2,25 @@ import { EXTERNAL_LINKS } from "../constants/links"; export default function Footer() { return ( -