From 9fff5c8a8b9133ca34445b2e2d801dbccc9d6054 Mon Sep 17 00:00:00 2001
From: Katherine <katherine_15995@163.com>
Date: Wed, 27 Nov 2024 20:57:23 +0800
Subject: [PATCH] refactor: optimize compact theme for mobile (#5723)

* refactor: optimize compact theme for mobile

* fix: bug

* fix: bug

* style: style improve

* fix: bug

* fix: bug

* fix: bug
---
 .../src/schema-component/antd/grid-card/GridCard.tsx      | 2 +-
 .../@nocobase/plugin-mobile/src/client/mobile/Mobile.tsx  | 1 +
 .../@nocobase/plugin-mobile/src/client/mobile/styles.ts   | 8 ++++++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/core/client/src/schema-component/antd/grid-card/GridCard.tsx b/packages/core/client/src/schema-component/antd/grid-card/GridCard.tsx
index 151a4c5e85..c31c2e6e62 100644
--- a/packages/core/client/src/schema-component/antd/grid-card/GridCard.tsx
+++ b/packages/core/client/src/schema-component/antd/grid-card/GridCard.tsx
@@ -215,7 +215,7 @@ const InternalGridCard = (props: GridCardProps) => {
             }}
             renderItem={(item, index) => {
               return (
-                <Col style={{ height: '100%' }}>
+                <Col style={{ height: '100%' }} className="nb-card-item-warper">
                   <RecursionField
                     key={index}
                     basePath={field.address}
diff --git a/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/Mobile.tsx b/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/Mobile.tsx
index ba01fae7f7..f8f7227a67 100644
--- a/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/Mobile.tsx
+++ b/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/Mobile.tsx
@@ -86,6 +86,7 @@ export const Mobile = () => {
               marginBlock: 18,
               borderRadiusBlock: 0,
               boxShadowTertiary: 'none',
+              fontSize: 14,
             },
           }}
         >
diff --git a/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts b/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts
index 77c4bf7edc..77f4c7409d 100644
--- a/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts
+++ b/packages/plugins/@nocobase/plugin-mobile/src/client/mobile/styles.ts
@@ -18,6 +18,9 @@ export const useStyles = createStyles(({ token, css }) => {
       & ::-webkit-scrollbar {
         display: none;
       }
+      .nb-card-list {
+        background-color: rgb(245, 245, 245);
+      }
       .nb-details .ant-formily-item-feedback-layout-loose {
         margin-bottom: 5px;
       }
@@ -115,6 +118,11 @@ export const useStyles = createStyles(({ token, css }) => {
         font-size: 14px;
         height: 100%;
       }
+      .nb-mobile-setting {
+        [data-menu-id$='-theme'] {
+          display: none;
+        }
+      }
     `,
   };
 });