Improve dialog text wrapping and sizing

2025-11-27 20:11:38 +00:00
parent 9fa436b0b8
commit b6e43c899b
4 changed files with 8 additions and 4 deletions
--- a/packages/ui/src/components/alert-dialog.tsx
+++ b/packages/ui/src/components/alert-dialog.tsx
@@ -89,9 +89,9 @@ const AlertDialog: Component = () => {
                    >
                      {accent.symbol}
                    </div>
-                    <div class="flex-1">
+                    <div class="flex-1 min-w-0">
                      <Dialog.Title class="text-lg font-semibold text-primary">{title}</Dialog.Title>
-                      <Dialog.Description class="text-sm text-secondary mt-1 whitespace-pre-line">
+                      <Dialog.Description class="text-sm text-secondary mt-1 whitespace-pre-line break-words">
                        {payload.message}
                        {payload.detail && <p class="mt-2 text-secondary">{payload.detail}</p>}
                      </Dialog.Description>