feat(web/alert): new options for alert dialog (#213)

web/src/features/dev/debug/alert.ts

@@ -9,6 +9,8 @@ export const debugAlert = () => {
         header: 'Hello there',
         content: 'General kenobi  \n Markdown works',
         centered: true,
+        size: 'lg',
+        overflow: true,
         cancel: true,
         // labels: {
         //   confirm: 'Ok',

web/src/features/dialog/AlertDialog.tsx

@@ -10,6 +10,8 @@ export interface AlertProps {
   header: string;
   content: string;
   centered?: boolean;
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  overflow?: boolean;
   cancel?: boolean;
   labels?: {
     cancel?: string;
@@ -45,6 +47,8 @@ const AlertDialog: React.FC = () => {
       <Modal
         opened={opened}
         centered={dialogData.centered}
+        size={dialogData.size || 'md'}
+        overflow={dialogData.overflow ? 'inside' : 'outside'}
         closeOnClickOutside={false}
         onClose={() => {
           setOpened(false);