fix-borders-on-weekly-view (#9770)
This commit is contained in:
parent
02d4f0542a
commit
ec212e4317
|
@ -157,7 +157,7 @@ const BookerComponent = ({
|
||||||
className={classNames(
|
className={classNames(
|
||||||
layout === BookerLayouts.MONTH_VIEW && "fixed right-3 top-3 z-10",
|
layout === BookerLayouts.MONTH_VIEW && "fixed right-3 top-3 z-10",
|
||||||
(layout === BookerLayouts.COLUMN_VIEW || layout === BookerLayouts.WEEK_VIEW) &&
|
(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
|
<Header
|
||||||
enabledLayouts={bookerLayouts.enabledLayouts}
|
enabledLayouts={bookerLayouts.enabledLayouts}
|
||||||
|
|
|
@ -52,7 +52,7 @@ export function Header({
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
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">
|
<div className="flex items-center gap-3">
|
||||||
<h3 className="min-w-[150px] text-base font-semibold leading-4">
|
<h3 className="min-w-[150px] text-base font-semibold leading-4">
|
||||||
{selectedDate.format("MMM D")}-{selectedDate.add(extraDays, "days").format("D")},{" "}
|
{selectedDate.format("MMM D")}-{selectedDate.add(extraDays, "days").format("D")},{" "}
|
||||||
|
|
|
@ -62,7 +62,7 @@ export function Calendar(props: CalendarComponentProps) {
|
||||||
<DateValues containerNavRef={containerNav} days={days} />
|
<DateValues containerNavRef={containerNav} days={days} />
|
||||||
<div className="relative flex flex-auto">
|
<div className="relative flex flex-auto">
|
||||||
<CurrentTime />
|
<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
|
<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]"
|
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={{
|
style={{
|
||||||
|
|
|
@ -34,7 +34,7 @@ export function DateValues({ days, containerNavRef }: Props) {
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
<div className="text-subtle -mr-px hidden auto-cols-fr text-sm leading-6 sm:flex ">
|
<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) => {
|
{days.map((day) => {
|
||||||
const isToday = dayjs().isSame(day, "day");
|
const isToday = dayjs().isSame(day, "day");
|
||||||
return (
|
return (
|
||||||
|
|
Loading…
Reference in New Issue
Block a user