administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-08 14:25:41 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

move scrollbar to edge on platform aware dialog drawers

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-24 08:46:16 -06:00
parent 7c3e093fcc
commit 4850c04c0c
3 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/filter/SearchFilterGroup.tsx
View File

@ -314,11 +314,10 @@ function GeneralFilterButton({
<PlatformAwareDialog <PlatformAwareDialog
trigger={trigger} trigger={trigger}
content={content} content={content}
contentClassName={ contentClassName={cn(
isDesktop "scrollbar-container h-auto overflow-y-auto",
? "scrollbar-container h-auto max-h-[80dvh] overflow-y-auto" isDesktop ? "max-h-[80dvh]" : "px-4",
: "max-h-[75dvh] overflow-hidden p-4" )}
}
open={open} open={open}
onOpenChange={(open) => { onOpenChange={(open) => {
if (!open) { if (!open) {
@ -510,11 +509,10 @@ function SortTypeButton({
<PlatformAwareDialog <PlatformAwareDialog
trigger={trigger} trigger={trigger}
content={content} content={content}
contentClassName={ contentClassName={cn(
isDesktop "scrollbar-container h-auto overflow-y-auto",
? "scrollbar-container h-auto max-h-[80dvh] overflow-y-auto" isDesktop ? "max-h-[80dvh]" : "px-4",
: "max-h-[75dvh] overflow-hidden p-4" )}
}
open={open} open={open}
onOpenChange={(open) => { onOpenChange={(open) => {
if (!open) { if (!open) {

4
web/src/components/overlay/dialog/PlatformAwareDialog.tsx
View File

@ -44,8 +44,8 @@ export default function PlatformAwareDialog({
return ( return (
<Drawer open={open} onOpenChange={onOpenChange}> <Drawer open={open} onOpenChange={onOpenChange}>
<DrawerTrigger asChild>{trigger}</DrawerTrigger> <DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="max-h-[75dvh] overflow-hidden px-4"> <DrawerContent className="max-h-[75dvh] overflow-hidden">
{content} <div className={contentClassName}>{content}</div>
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
); );

9
web/src/components/settings/SearchSettings.tsx
View File

@ -136,11 +136,10 @@ export default function ExploreSettings({
<PlatformAwareDialog <PlatformAwareDialog
trigger={trigger} trigger={trigger}
content={content} content={content}
contentClassName={ contentClassName={cn(
isDesktop "scrollbar-container h-auto overflow-y-auto",
? "scrollbar-container h-auto max-h-[80dvh] overflow-y-auto" isDesktop ? "max-h-[80dvh]" : "px-4",
: "max-h-[75dvh] overflow-hidden p-4" )}
}
open={open} open={open}
onOpenChange={(open) => { onOpenChange={(open) => {
setOpen(open); setOpen(open);