administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-07 14:04:10 +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
trigger={trigger}
content={content}
contentClassName={
isDesktop
? "scrollbar-container h-auto max-h-[80dvh] overflow-y-auto"
: "max-h-[75dvh] overflow-hidden p-4"
}
contentClassName={cn(
"scrollbar-container h-auto overflow-y-auto",
isDesktop ? "max-h-[80dvh]" : "px-4",
)}
open={open}
onOpenChange={(open) => {
if (!open) {
@ -510,11 +509,10 @@ function SortTypeButton({
<PlatformAwareDialog
trigger={trigger}
content={content}
contentClassName={
isDesktop
? "scrollbar-container h-auto max-h-[80dvh] overflow-y-auto"
: "max-h-[75dvh] overflow-hidden p-4"
}
contentClassName={cn(
"scrollbar-container h-auto overflow-y-auto",
isDesktop ? "max-h-[80dvh]" : "px-4",
)}
open={open}
onOpenChange={(open) => {
if (!open) {

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

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

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

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