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

fix: adjust the font size displayed on the phone to 14px (#6570)

Browse Source 
* refactor(plugin-mobile): rename GlobalStyle to ResetScrollbar for clarity

* fix: increase font size in InternalAdminLayout from 14 to 16

* fix: ensure button alignment in WorkbenchBlock styles
This commit is contained in:
Zeke Zhang 2025-03-27 11:13:58 +08:00 committed by GitHub
parent 0ce61b6384
commit 51a2d17f13
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/client/src/route-switch/antd/admin-layout/index.tsx
View File

@ -618,7 +618,7 @@ export const InternalAdminLayout = () => {
paddingPageVertical: 8, // Vertical page padding paddingPageVertical: 8, // Vertical page padding
marginBlock: 12, // Spacing between blocks marginBlock: 12, // Spacing between blocks
borderRadiusBlock: 8, // Block border radius borderRadiusBlock: 8, // Block border radius
fontSize: 14, // Font size fontSize: 16, // Font size
}, },
algorithm: isDarkTheme ? [antdTheme.compactAlgorithm, antdTheme.darkAlgorithm] : antdTheme.compactAlgorithm, // Set mobile mode to always use compact algorithm algorithm: isDarkTheme ? [antdTheme.compactAlgorithm, antdTheme.darkAlgorithm] : antdTheme.compactAlgorithm, // Set mobile mode to always use compact algorithm
}; };

1
packages/plugins/@nocobase/plugin-block-workbench/src/client/WorkbenchBlock.tsx
View File

@ -122,6 +122,7 @@ const useStyles = createStyles(({ token, css }) => ({
margin: -12px -32px; margin: -12px -32px;
width: calc(100% + 64px); width: calc(100% + 64px);
text-align: start; text-align: start;
justify-content: start !important;
color: ${token.colorText}; color: ${token.colorText};
} }
} }

4
packages/plugins/@nocobase/plugin-mobile/src/client/MobileComponentsProvider.tsx
View File

@ -14,7 +14,7 @@ import { ActionDrawerUsedInMobile, useToAdaptActionDrawerToMobile } from './adap
import { useToAdaptFilterActionToMobile } from './adaptor-of-desktop/FilterAction'; import { useToAdaptFilterActionToMobile } from './adaptor-of-desktop/FilterAction';
import { mobileComponents } from './pages/dynamic-page/MobilePage'; import { mobileComponents } from './pages/dynamic-page/MobilePage';
const GlobalStyle = createGlobalStyle` const ResetScrollbar = createGlobalStyle`
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
} }
@ -49,7 +49,7 @@ const MobileAdapter: FC = (props) => {
return ( return (
<> <>
<GlobalStyle /> <ResetScrollbar />
<OpenModeProvider defaultOpenMode="page" isMobile={true} openModeToComponent={openModeToComponent}> <OpenModeProvider defaultOpenMode="page" isMobile={true} openModeToComponent={openModeToComponent}>
<SchemaComponentOptions components={mobileComponents}>{props.children}</SchemaComponentOptions> <SchemaComponentOptions components={mobileComponents}>{props.children}</SchemaComponentOptions>
</OpenModeProvider> </OpenModeProvider>