fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-05 21:49:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(mobile): fix top-right corner style

Browse Source
This commit is contained in:
Zeke Zhang 2025-04-10 22:45:17 +08:00
parent 5852901b19
commit 9ab6f7a956
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/core/client/src/schema-component/core/DesignableSwitch.tsx
View File

@ -9,7 +9,7 @@
import { HighlightOutlined } from '@ant-design/icons'; import { HighlightOutlined } from '@ant-design/icons';
import { Button, Tooltip } from 'antd'; import { Button, Tooltip } from 'antd';
import React from 'react'; import React, { FC } from 'react';
import { useHotkeys } from 'react-hotkeys-hook'; import { useHotkeys } from 'react-hotkeys-hook';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useDesignable } from '..'; import { useDesignable } from '..';
@ -24,7 +24,7 @@ const unDesignableStyle = {
backgroundColor: 'transparent', backgroundColor: 'transparent',
}; };
export const DesignableSwitch = () => { export const DesignableSwitch: FC<{ style?: React.CSSProperties }> = (props) => {
const { designable, setDesignable } = useDesignable(); const { designable, setDesignable } = useDesignable();
const { t } = useTranslation(); const { t } = useTranslation();
const { token } = useToken(); const { token } = useToken();
@ -46,7 +46,7 @@ export const DesignableSwitch = () => {
icon={<HighlightOutlined style={{ color: token.colorTextHeaderMenu }} />} icon={<HighlightOutlined style={{ color: token.colorTextHeaderMenu }} />}
title={t('UI Editor')} title={t('UI Editor')}
// subtitle={'Ctrl+Shift+U'} // subtitle={'Ctrl+Shift+U'}
style={style} style={{ ...style, ...props.style }}
onClick={() => { onClick={() => {
setDesignable(!designable); setDesignable(!designable);
}} }}

4
packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/Header.tsx
View File

@ -98,8 +98,8 @@ export const DesktopModeHeader: FC = () => {
<Button style={{ color: 'white' }} href={app.getHref('/admin')}> <Button style={{ color: 'white' }} href={app.getHref('/admin')}>
{t('Back')} {t('Back')}
</Button> </Button>
<div style={{ display: 'flex', alignItems: 'center' }}> <div style={{ display: 'flex', alignItems: 'center', lineHeight: 1 }}>
{allowConfigUI ? <DesignableSwitch /> : null} {allowConfigUI ? <DesignableSwitch style={{ fontSize: 16 }} /> : null}
<Button <Button
onClick={() => { onClick={() => {
setSize({ width: 768, height: 667 }); setSize({ width: 768, height: 667 });