fix: action buttons align right

packages/app/src/api/index.ts

@@ -28,7 +28,7 @@ const api = Api.create({
       charset: 'utf8mb4',
       collate: 'utf8mb4_unicode_ci',
     },
-    logging: false,
+    // logging: false,
     define: {},
     sync,
   },

packages/app/src/components/actions/Destroy.tsx

@@ -14,7 +14,7 @@ export function Destroy(props) {
           console.log('destroy', onTrigger);
           onTrigger && onTrigger();
         }}>
-        <Button icon={<DeleteOutlined />} type={'primary'} danger>{title}</Button>
+        <Button icon={<DeleteOutlined />} type={'ghost'} danger>{title}</Button>
       </Popconfirm>
     </>
   )

packages/app/src/components/views/Form/DrawerForm.tsx

@@ -62,7 +62,16 @@ export const DrawerForm = forwardRef((props: any, ref) => {
         setVisible(false);
       }}
       title={title}
-      footer={[
+      footer={(
+        <div
+          style={{
+            textAlign: 'right',
+          }}
+        >
+        <Button onClick={() => {
+          setVisible(false);
+        }}>取消</Button>
+        <span style={{display: 'inline-block', width: 8}}> </span>
         <Button type={'primary'} onClick={async () => {
           const { values = {} } = await actions.submit();
           console.log(values);
@@ -83,7 +92,8 @@ export const DrawerForm = forwardRef((props: any, ref) => {
           window.routesReload && window.routesReload();
           onFinish && onFinish(values);
         }}>提交</Button>
-      ]}
+        </div>
+      )}
     >
       {loading ? <Spin/> : (
         <SchemaForm 

packages/app/src/components/views/Form/FilterForm.tsx

@@ -52,7 +52,7 @@ export function FilterForm(props: any) {
           },
         }}
       >
-        <FormButtonGroup>
+        <FormButtonGroup align={'end'}>
           <Reset>取消</Reset>
           <Submit>确定</Submit>
         </FormButtonGroup>

packages/app/src/global.less

@@ -24,3 +24,9 @@
 .ant-page-header-footer {
   margin-top: 5px;
 }
+
+.button-group {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+}