improve(design): Alert mini style (#1388)

Author: dengfuping

packages/design/src/alert/demo/mini.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 
 const App: React.FC = () => (
   <Space direction="vertical" style={{ width: '100%' }}>
-    <Alert message="Info Text" type="info" showIcon mini />
-    <Alert message="Success Text" type="success" showIcon mini />
-    <Alert message="Warning Text" type="warning" showIcon mini />
-    <Alert message="Error Text" type="error" showIcon mini />
+    <Alert message="Info Text" type="info" showIcon mini closable />
+    <Alert message="Success Text" type="success" showIcon mini closable />
+    <Alert message="Warning Text" type="warning" showIcon mini closable />
+    <Alert message="Error Text" type="error" showIcon mini closable />
   </Space>
 );
 

packages/design/src/alert/style/index.ts

@@ -147,9 +147,8 @@ export const genAlertStyle: GenerateStyle<AlertToken> = (token: AlertToken): CSS
       borderRadius: 0,
     },
     [`${componentCls}${componentCls}-mini`]: {
-      paddingBlock: 1,
+      paddingBlock: token.paddingXXS,
       paddingInline: token.paddingXS,
-      border: 'none',
       width: 'fit-content',
       display: 'inline-flex',
       alignItems: 'center',
@@ -160,8 +159,6 @@ export const genAlertStyle: GenerateStyle<AlertToken> = (token: AlertToken): CSS
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        lineHeight: 1,
-        fontSize: token.fontSizeSM,
       },
       [`${componentCls}-message`]: {
         whiteSpace: 'nowrap',