chore: fixing darkmode data table (#11195)
This commit is contained in:
parent
50342e33ed
commit
47dc85ee1b
|
@ -2045,5 +2045,6 @@
|
||||||
"recently_added":"Recently added",
|
"recently_added":"Recently added",
|
||||||
"no_members_found": "No members found",
|
"no_members_found": "No members found",
|
||||||
"event_setup_length_error":"Event Setup: The duration must be at least 1 minute.",
|
"event_setup_length_error":"Event Setup: The duration must be at least 1 minute.",
|
||||||
|
"availability_schedules":"Availability Schedules",
|
||||||
"ADD_NEW_STRINGS_ABOVE_THIS_LINE_TO_PREVENT_MERGE_CONFLICTS": "↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your new strings above here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑"
|
"ADD_NEW_STRINGS_ABOVE_THIS_LINE_TO_PREVENT_MERGE_CONFLICTS": "↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your new strings above here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑"
|
||||||
}
|
}
|
||||||
|
|
|
@ -93,6 +93,12 @@
|
||||||
--cal-brand-text: black;
|
--cal-brand-text: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
* {
|
||||||
|
@apply border-default
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: var(--cal-brand-text);
|
color: var(--cal-brand-text);
|
||||||
background: var(--cal-brand);
|
background: var(--cal-brand);
|
||||||
|
|
|
@ -103,7 +103,7 @@ export function AvailabilitySliderTable() {
|
||||||
.padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
|
.padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col text-center">
|
||||||
<span className="text-default text-sm font-medium">{time}</span>
|
<span className="text-default text-sm font-medium">{time}</span>
|
||||||
<span className="text-subtle text-xs leading-none">GMT {offsetFormatted}</span>
|
<span className="text-subtle text-xs leading-none">GMT {offsetFormatted}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -5,7 +5,7 @@ import { useOrgBranding } from "@calcom/ee/organizations/context/provider";
|
||||||
import { WEBAPP_URL } from "@calcom/lib/constants";
|
import { WEBAPP_URL } from "@calcom/lib/constants";
|
||||||
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
||||||
import { trpc } from "@calcom/trpc/react";
|
import { trpc } from "@calcom/trpc/react";
|
||||||
import { Sheet, SheetContent, SheetFooter, Avatar, Skeleton, Loader } from "@calcom/ui";
|
import { Sheet, SheetContent, SheetFooter, Avatar, Skeleton, Loader, Label } from "@calcom/ui";
|
||||||
|
|
||||||
import type { State, Action } from "../UserListTable";
|
import type { State, Action } from "../UserListTable";
|
||||||
import { DisplayInfo } from "./DisplayInfo";
|
import { DisplayInfo } from "./DisplayInfo";
|
||||||
|
@ -69,14 +69,23 @@ export function EditUserSheet({ state, dispatch }: { state: State; dispatch: Dis
|
||||||
/>
|
/>
|
||||||
<DisplayInfo label={t("role")} value={loadedUser?.role ?? ""} asBadge badgeColor="blue" />
|
<DisplayInfo label={t("role")} value={loadedUser?.role ?? ""} asBadge badgeColor="blue" />
|
||||||
<DisplayInfo label={t("timezone")} value={loadedUser?.timeZone ?? ""} />
|
<DisplayInfo label={t("timezone")} value={loadedUser?.timeZone ?? ""} />
|
||||||
<DisplayInfo
|
<div className="flex flex-col">
|
||||||
label={t("availability_schedules")}
|
<Label className="text-subtle mb-1 text-xs font-semibold uppercase leading-none">
|
||||||
value={
|
{t("availability_schedules")}
|
||||||
schedulesNames && schedulesNames?.length === 0
|
</Label>
|
||||||
? [t("user_has_no_schedules")]
|
<div className="flex flex-col">
|
||||||
: schedulesNames ?? "" // TS wtf
|
{schedulesNames
|
||||||
}
|
? schedulesNames.map((scheduleName) => (
|
||||||
/>
|
<span
|
||||||
|
key={scheduleName}
|
||||||
|
className="text-emphasis inline-flex items-center gap-1 text-sm font-normal leading-5">
|
||||||
|
{scheduleName}
|
||||||
|
</span>
|
||||||
|
))
|
||||||
|
: t("user_has_no_schedules")}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<DisplayInfo
|
<DisplayInfo
|
||||||
label={t("teams")}
|
label={t("teams")}
|
||||||
displayCount={teamNames?.length ?? 0}
|
displayCount={teamNames?.length ?? 0}
|
||||||
|
|
|
@ -108,7 +108,7 @@ const CommandItem = React.forwardRef<
|
||||||
<CommandPrimitive.Item
|
<CommandPrimitive.Item
|
||||||
ref={ref}
|
ref={ref}
|
||||||
className={classNames(
|
className={classNames(
|
||||||
"aria-selected:bg-subtle aria-selected:text-emphasis relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
"aria-selected:bg-muted aria-selected:text-emphasis relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
||||||
className
|
className
|
||||||
)}
|
)}
|
||||||
{...props}
|
{...props}
|
||||||
|
|
|
@ -36,10 +36,7 @@ const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTML
|
||||||
({ className, ...props }, ref) => (
|
({ className, ...props }, ref) => (
|
||||||
<tr
|
<tr
|
||||||
ref={ref}
|
ref={ref}
|
||||||
className={classNames(
|
className={classNames("hover:muted data-[state=selected]:bg-muted border-subtle border-b", className)}
|
||||||
"hover:bg-subtle data-[state=selected]:bg-subtle border-subtle border-b",
|
|
||||||
className
|
|
||||||
)}
|
|
||||||
{...props}
|
{...props}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue
Block a user