nice !!
This commit is contained in:
parent
cd3214960e
commit
98c5f14966
@ -1416,7 +1416,7 @@ const CalendarPage = () => {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="grid w-full min-w-0 border-l border-t border-border"
|
className="grid w-full min-w-0"
|
||||||
style={{
|
style={{
|
||||||
height: calendarViewportHeight === null
|
height: calendarViewportHeight === null
|
||||||
? '100%'
|
? '100%'
|
||||||
@ -1459,16 +1459,17 @@ const CalendarPage = () => {
|
|||||||
(monthIndex) => (
|
(monthIndex) => (
|
||||||
<div
|
<div
|
||||||
key={MONTHS[monthIndex]}
|
key={MONTHS[monthIndex]}
|
||||||
className="
|
className={`
|
||||||
sticky top-0 z-[2]
|
sticky top-0 z-[2]
|
||||||
flex items-center justify-center
|
flex items-center justify-center
|
||||||
border-b border-r border-border
|
border-b border-border
|
||||||
|
${monthIndex !== displayedMonthIndices[displayedMonthIndices.length - 1] ? 'border-r' : ''}
|
||||||
bg-background
|
bg-background
|
||||||
px-3
|
px-3
|
||||||
text-center
|
text-center
|
||||||
text-sm
|
text-sm
|
||||||
font-medium
|
font-medium
|
||||||
"
|
`}
|
||||||
style={{
|
style={{
|
||||||
height: `${HEADER_HEIGHT}px`,
|
height: `${HEADER_HEIGHT}px`,
|
||||||
}}
|
}}
|
||||||
@ -1491,15 +1492,16 @@ const CalendarPage = () => {
|
|||||||
>
|
>
|
||||||
{/* NUMÉRO DU JOUR */}
|
{/* NUMÉRO DU JOUR */}
|
||||||
<div
|
<div
|
||||||
className="
|
className={`
|
||||||
sticky left-0 z-[1]
|
sticky left-0 z-[1]
|
||||||
flex items-center justify-center
|
flex items-center justify-center
|
||||||
border-b border-r border-border
|
border-r border-border
|
||||||
|
${dayIndex < rowCount - 1 ? 'border-b' : ''}
|
||||||
bg-card
|
bg-card
|
||||||
px-2
|
px-2
|
||||||
text-xs font-medium
|
text-xs font-medium
|
||||||
text-muted-foreground
|
text-muted-foreground
|
||||||
"
|
`}
|
||||||
>
|
>
|
||||||
{day}
|
{day}
|
||||||
</div>
|
</div>
|
||||||
@ -1523,10 +1525,12 @@ const CalendarPage = () => {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={`${monthIndex}-${day}`}
|
key={`${monthIndex}-${day}`}
|
||||||
className="
|
className={`
|
||||||
border-b border-r border-border
|
border-border
|
||||||
|
${dayIndex < rowCount - 1 ? 'border-b' : ''}
|
||||||
|
${monthIndex !== displayedMonthIndices[displayedMonthIndices.length - 1] ? 'border-r' : ''}
|
||||||
bg-transparent
|
bg-transparent
|
||||||
"
|
`}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -1571,7 +1575,9 @@ const CalendarPage = () => {
|
|||||||
key={`${monthIndex}-${day}`}
|
key={`${monthIndex}-${day}`}
|
||||||
className={`
|
className={`
|
||||||
relative isolate
|
relative isolate
|
||||||
border-b border-r border-border
|
border-border
|
||||||
|
${dayIndex < rowCount - 1 ? 'border-b' : ''}
|
||||||
|
${monthIndex !== displayedMonthIndices[displayedMonthIndices.length - 1] ? 'border-r' : ''}
|
||||||
bg-card
|
bg-card
|
||||||
px-2
|
px-2
|
||||||
transition-colors
|
transition-colors
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user