add padding on platform aware sheet for tablets

This commit is contained in:
Josh Hawkins 2024-11-05 07:31:13 -06:00
parent ca339f14c7
commit 876aaf2e77

View File

@ -16,7 +16,7 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from "@/components/ui/popover"; } from "@/components/ui/popover";
import { isDesktop, isMobileOnly } from "react-device-detect"; import { isDesktop, isMobile } from "react-device-detect";
import { useFormattedHour } from "@/hooks/use-date-utils"; import { useFormattedHour } from "@/hooks/use-date-utils";
import FilterSwitch from "@/components/filter/FilterSwitch"; import FilterSwitch from "@/components/filter/FilterSwitch";
import { Switch } from "@/components/ui/switch"; import { Switch } from "@/components/ui/switch";
@ -181,7 +181,7 @@ export default function SearchFilterDialog({
content={content} content={content}
contentClassName={cn( contentClassName={cn(
"w-auto lg:min-w-[275px] scrollbar-container h-full overflow-auto px-4", "w-auto lg:min-w-[275px] scrollbar-container h-full overflow-auto px-4",
isMobileOnly && "pb-20", isMobile && "pb-20",
)} )}
open={open} open={open}
onOpenChange={(open) => { onOpenChange={(open) => {