diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 579ba8b770b67d..ecdfb2cd8da185 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -84,7 +84,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo `} -
+
*]:flex-1"}> {children}
diff --git a/apps/web/pages/_document.tsx b/apps/web/pages/_document.tsx index 6ffa6f293df260..f1755445ed0343 100644 --- a/apps/web/pages/_document.tsx +++ b/apps/web/pages/_document.tsx @@ -87,7 +87,7 @@ class MyDocument extends Document { div { - width: 100%; +html.todesktop.dark { + --cal-bg-emphasis: hsla(220, 2%, 26%, 0.3); } -html.todesktop.dark nav a:hover{ - background: inherit; -} - -html.todesktop.light nav a:hover{ - background: none; -} - -html.todesktop nav a svg{ - color: #229CFF !important -} - /* Adds Utility to hide scrollbar to tailwind https://github.com/tailwindlabs/tailwindcss/discussions/2394 diff --git a/packages/features/kbar/Kbar.tsx b/packages/features/kbar/Kbar.tsx index 0477141a3cb717..cdc1fa7cc69bd8 100644 --- a/packages/features/kbar/Kbar.tsx +++ b/packages/features/kbar/Kbar.tsx @@ -273,7 +273,7 @@ export const KBarTrigger = () => { diff --git a/packages/features/shell/Shell.tsx b/packages/features/shell/Shell.tsx index 57c3dcd6a075e6..a3f2af899445d7 100644 --- a/packages/features/shell/Shell.tsx +++ b/packages/features/shell/Shell.tsx @@ -421,7 +421,7 @@ function UserDropdown({ small }: UserDropdownProps) { setMenuOpen((menuOpen) => !menuOpen)}>
diff --git a/packages/ui/components/data-table/DataTableToolbar.tsx b/packages/ui/components/data-table/DataTableToolbar.tsx index 0b9be001a7dc8a..2c63ef20c01f96 100644 --- a/packages/ui/components/data-table/DataTableToolbar.tsx +++ b/packages/ui/components/data-table/DataTableToolbar.tsx @@ -4,6 +4,8 @@ import type { Table } from "@tanstack/react-table"; import type { LucideIcon } from "lucide-react"; import { X } from "lucide-react"; +import { useLocale } from "@calcom/lib/hooks/useLocale"; + import { Button } from "../button"; import { Input } from "../form"; import { DataTableFilter } from "./DataTableFilter"; @@ -35,8 +37,10 @@ export function DataTableToolbar({ // If you select ALL filters for a column, the table is not filtered and we dont get a reset button const isFiltered = table.getState().columnFilters.length > 0; + const { t } = useLocale(); + return ( -
+
{searchKey && ( ({ EndIcon={X} onClick={() => table.resetColumnFilters()} className="h-8 px-2 lg:px-3"> - Reset + {t("clear")} )} diff --git a/packages/ui/components/popover/AnimatedPopover.tsx b/packages/ui/components/popover/AnimatedPopover.tsx index cd3e6e3b568a0a..b0d43a5ef2d281 100644 --- a/packages/ui/components/popover/AnimatedPopover.tsx +++ b/packages/ui/components/popover/AnimatedPopover.tsx @@ -24,7 +24,7 @@ export const AnimatedPopover = ({ prefix?: string; }) => { const [open, setOpen] = React.useState(defaultOpen ?? false); - const ref = React.useRef(null); + const ref = React.useRef(null); // calculate which aligment to open the popover with based on which half of the screen it is on (left or right) const [align, setAlign] = React.useState<"start" | "end">("start"); React.useEffect(() => { @@ -50,7 +50,7 @@ export const AnimatedPopover = ({ return ( -
)} -
+