maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix-borders-on-weekly-view (#9770)

This commit is contained in:
Ujwal Kumar 2023-06-25 20:34:25 +05:30 committed by GitHub
parent 02d4f0542a
commit ec212e4317
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/features/bookings/Booker/Booker.tsx
View File

@ -157,7 +157,7 @@ const BookerComponent = ({
className={classNames(
layout === BookerLayouts.MONTH_VIEW && "fixed right-3 top-3 z-10",
(layout === BookerLayouts.COLUMN_VIEW || layout === BookerLayouts.WEEK_VIEW) &&
"bg-muted sticky top-0 z-10"
"bg-default dark:bg-muted sticky top-0 z-10"
)}>
<Header
enabledLayouts={bookerLayouts.enabledLayouts}

2
packages/features/bookings/Booker/components/Header.tsx
View File

@ -52,7 +52,7 @@ export function Header({
}
return (
<div className="border-subtle relative z-10 flex border-b border-l px-5 py-4">
<div className="border-default relative z-10 flex border-b border-l px-5 py-4">
<div className="flex items-center gap-3">
<h3 className="min-w-[150px] text-base font-semibold leading-4">
{selectedDate.format("MMM D")}-{selectedDate.add(extraDays, "days").format("D")},{" "}

2
packages/features/calendars/weeklyview/components/Calendar.tsx
View File

@ -62,7 +62,7 @@ export function Calendar(props: CalendarComponentProps) {
<DateValues containerNavRef={containerNav} days={days} />
<div className="relative flex flex-auto">
<CurrentTime />
<div className="bg-default dark:bg-muted ring-muted sticky left-0 z-10 w-14 flex-none ring-1" />
<div className="bg-default dark:bg-muted ring-muted sticky border-default border-l border-r left-0 z-10 w-14 flex-none ring-1" />
<div
className="grid flex-auto grid-cols-1 grid-rows-1 [--disabled-gradient-background:#F8F9FB] [--disabled-gradient-foreground:#E6E7EB] dark:[--disabled-gradient-background:#262626] dark:[--disabled-gradient-foreground:#393939]"
style={{

2
packages/features/calendars/weeklyview/components/DateValues/index.tsx
View File

@ -34,7 +34,7 @@ export function DateValues({ days, containerNavRef }: Props) {
})}
</div>
<div className="text-subtle -mr-px hidden auto-cols-fr text-sm leading-6 sm:flex ">
<div className="col-end-1 w-14" />
<div className="col-end-1 w-14 border-default border-l" />
{days.map((day) => {
const isToday = dayjs().isSame(day, "day");
return (