fix(UX-1298): ZetaDialog button overflow

ZebraDevs · Nov 6, 2024 · bd05892 · bd05892
1 parent d579fec
commit bd05892
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/lib/src/components/buttons/button.dart b/lib/src/components/buttons/button.dart
@@ -202,9 +202,12 @@ class ZetaButton extends ZetaStatelessWidget {
                     size: iconSize,
                   ),
                 if (label.isNotEmpty)
-                  Text(
-                    label,
-                    style: _textStyle,
+                  Flexible(
+                    child: Text(
+                      label,
+                      style: _textStyle,
+                      textAlign: TextAlign.center,
+                    ).paddingVertical(Zeta.of(context).spacing.minimum),
                   ),
                 if (trailingIcon != null)
                   Icon(

diff --git a/lib/src/components/dialog/dialog.dart b/lib/src/components/dialog/dialog.dart
@@ -106,6 +106,10 @@ class _ZetaDialog extends ZetaStatelessWidget {
       rounded: context.rounded,
       child: AlertDialog(
         surfaceTintColor: zeta.colors.surfacePrimary,
+        insetPadding: EdgeInsets.symmetric(
+          horizontal: Zeta.of(context).spacing.xl,
+          vertical: Zeta.of(context).spacing.xl_2,
+        ),
         shape: RoundedRectangleBorder(borderRadius: Zeta.of(context).radius.large),
         title: icon != null || title != null
             ? Column(