From 9ab6f7a9561bc818ce8ec2ee8fdde52f2d4505fb Mon Sep 17 00:00:00 2001
From: Zeke Zhang <958414905@qq.com>
Date: Thu, 10 Apr 2025 22:45:17 +0800
Subject: [PATCH] style(mobile): fix top-right corner style

---
 .../client/src/schema-component/core/DesignableSwitch.tsx   | 6 +++---
 .../plugin-mobile/src/client/desktop-mode/Header.tsx        | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/client/src/schema-component/core/DesignableSwitch.tsx b/packages/core/client/src/schema-component/core/DesignableSwitch.tsx
index b6f86142b4..245460c717 100644
--- a/packages/core/client/src/schema-component/core/DesignableSwitch.tsx
+++ b/packages/core/client/src/schema-component/core/DesignableSwitch.tsx
@@ -9,7 +9,7 @@
 
 import { HighlightOutlined } from '@ant-design/icons';
 import { Button, Tooltip } from 'antd';
-import React from 'react';
+import React, { FC } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 import { useDesignable } from '..';
@@ -24,7 +24,7 @@ const unDesignableStyle = {
   backgroundColor: 'transparent',
 };
 
-export const DesignableSwitch = () => {
+export const DesignableSwitch: FC<{ style?: React.CSSProperties }> = (props) => {
   const { designable, setDesignable } = useDesignable();
   const { t } = useTranslation();
   const { token } = useToken();
@@ -46,7 +46,7 @@ export const DesignableSwitch = () => {
         icon={<HighlightOutlined style={{ color: token.colorTextHeaderMenu }} />}
         title={t('UI Editor')}
         // subtitle={'Ctrl+Shift+U'}
-        style={style}
+        style={{ ...style, ...props.style }}
         onClick={() => {
           setDesignable(!designable);
         }}
diff --git a/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/Header.tsx b/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/Header.tsx
index 2fe7aa4cfc..c7ad902bad 100644
--- a/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/Header.tsx
+++ b/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/Header.tsx
@@ -98,8 +98,8 @@ export const DesktopModeHeader: FC = () => {
       <Button style={{ color: 'white' }} href={app.getHref('/admin')}>
         {t('Back')}
       </Button>
-      <div style={{ display: 'flex', alignItems: 'center' }}>
-        {allowConfigUI ? <DesignableSwitch /> : null}
+      <div style={{ display: 'flex', alignItems: 'center', lineHeight: 1 }}>
+        {allowConfigUI ? <DesignableSwitch style={{ fontSize: 16 }} /> : null}
         <Button
           onClick={() => {
             setSize({ width: 768, height: 667 });