admin/mylegal-stage-law
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed month calendar grid layout

Browse Source 
X-Lovable-Edit-ID: edt-b728fb3a-0269-4421-8ad7-3474e18cd06f
Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot]
2026-04-18 01:30:55 +00:00
co-authored by renee-png
parent 0fab624eb0 2f80132bb8
commit d3c7b7443a
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/calendar.index.tsx
+12 -4
View File
@@ -698,14 +698,19 @@ function MonthGrid({
const today = new Date();
return (
<div>
<div className="grid grid-cols-7 text-xs font-medium text-muted-foreground border-b">
<div
className="text-xs font-medium text-muted-foreground border-b"
style={{ display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))" }}
>
{dayLabels.map((d) => (
<div key={d} className="px-2 py-1.5 text-center">
{d}
</div>
))}
</div>
<div className="grid grid-cols-7 auto-rows-fr">
<div
style={{ display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gridAutoRows: "1fr" }}
>
{days.map((d) => {
const key = format(d, "yyyy-MM-dd");
const dayEvts = eventsByDay.get(key) ?? [];
@@ -717,8 +722,9 @@ function MonthGrid({
key={key}
onClick={() => onSelectDay(d)}
onDoubleClick={() => onCreateOnDay(d)}
style={{ minHeight: 100 }}
className={cn(
"min-h-[100px] border-b border-r p-1.5 cursor-pointer transition-colors",
"border-b border-r p-1.5 cursor-pointer transition-colors",
"hover:bg-accent/40",
!inMonth && "bg-muted/30 text-muted-foreground",
isSel && "ring-1 ring-primary ring-inset",
@@ -778,7 +784,9 @@ function WeekStrip({
}) {
const today = new Date();
return (
<div className="grid grid-cols-7 gap-2">
<div
style={{ display: "grid", gridTemplateColumns: "repeat(7, minmax(0, 1fr))", gap: "0.5rem" }}
>
{days.map((d) => {
const key = format(d, "yyyy-MM-dd");
const dayEvts = eventsByDay.get(key) ?? [];