set maxHeight for DialogButton. remove from individual buttons

2025-11-04 09:34:37 -08:00
parent 5398cd89fe
commit a6d4519a98
5 changed files with 9 additions and 5 deletions
--- a/src/components/input/DialogButton.tsx
+++ b/src/components/input/DialogButton.tsx
@@ -33,11 +33,19 @@ export function DialogButton({
  ...props
 }: DialogButtonProps) {
  const { isMobile } = useMobile();
-  const style: CSSProperties = { width, height, minWidth, minHeight, padding: '32px' };
+  const style: CSSProperties = {
+    width,
+    height,
+    minWidth,
+    minHeight,
+    maxHeight: 'calc(100dvh - 40px)',
+    padding: '32px',
+  };

  if (isMobile) {
    style.width = '100%';
    style.height = '100%';
+    style.maxHeight = '100%';
    style.overflowY = 'auto';
  }