Keep website filter dialog content within viewport

2026-06-22 21:34:38 -07:00
parent eb2e271a08
commit a53996575e
2 changed files with 7 additions and 11 deletions
@@ -78,16 +78,7 @@ export function FilterEditForm({ websiteId, onChange, onClose }: FilterEditFormP
  const panelStyle = { overflowY: 'auto' as const, minHeight: 0 };

  return (
-    <Column
-      width={isMobile ? 'auto' : '800px'}
-      gap="6"
-      minHeight="500px"
-      style={{
-        maxHeight: isMobile
-          ? 'calc(100dvh - 64px)'
-          : 'calc(min(80dvh, 100dvh - 40px) - 64px)',
-      }}
-    >
+    <Column width={isMobile ? 'auto' : '800px'} gap="6" style={{ flex: 1, minHeight: 0 }}>
      <Tabs
        style={{
          flex: 1,
@@ -39,7 +39,12 @@ export function WebsiteFilterButton({
  };

  return (
-    <DialogButton icon={<ListFilter />} label={t(labels.filter)} variant="outline">
+    <DialogButton
+      icon={<ListFilter />}
+      label={t(labels.filter)}
+      variant="outline"
+      height="min(80dvh, calc(100dvh - 40px))"
+    >
      {({ close }) => {
        return (
          <>