fix(modal): change alert style in modal (#566)

LuckyFBB · web-flow · commit c74dffd92459 · 2025-05-27T16:29:22.000+08:00
#565
diff --git a/src/modal/index.scss b/src/modal/index.scss
@@ -10,12 +10,16 @@ $modal-max-height: 80vh;
             flex: 1;
             display: flex;
             flex-direction: column;
-            .dt-modal-body {
+            .dtc-modal-body {
                 flex: 1;
                 padding: 16px 24px;
                 overflow-y: auto;
                 min-height: 0;
             }
+            .dtc-modal-alert {
+                border-radius: 6px;
+                margin: 4px;
+            }
         }
         .ant-modal-header,
         .ant-modal-footer {
diff --git a/src/modal/modal.tsx b/src/modal/modal.tsx
@@ -42,6 +42,7 @@ export default function Modal({
         >
             {banner && (
                 <Alert
+                    className="dtc-modal-alert"
                     message={isValidBanner(banner) ? banner : banner.message}
                     banner
                     {...(isValidBanner(banner) ? {} : omit(banner, 'message'))}

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,7 @@ export default function Modal({`
`42`	`42`	`>`
`43`	`43`	`{banner && (`
`44`	`44`	`<Alert`
	`45`	`+ className="dtc-modal-alert"`
`45`	`46`	`message={isValidBanner(banner) ? banner : banner.message}`
`46`	`47`	`banner`
`47`	`48`	`{...(isValidBanner(banner) ? {} : omit(banner, 'message'))}`