ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: layout of plugin settings icons (#3478)

Browse Source
This commit is contained in:
chenos 2024-02-03 19:41:26 +08:00 committed by GitHub
parent 237c4aa084
commit 6c9520e0a2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 70 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/core/client/src/pm/PluginManagerLink.tsx
View File

@ -36,6 +36,7 @@ export const SettingsCenterDropdown = () => {
const settings = app.pluginSettingsManager.getList();
const [open, setOpen] = useState(false);
return (
settings.length > 0 && (
<ActionContextProvider value={{ visible, setVisible }}>
<Popover
open={open}
@ -44,7 +45,7 @@ export const SettingsCenterDropdown = () => {
}}
arrow={false}
content={
<div style={{ maxWidth: '21rem' }}>
<div style={{ maxWidth: '21rem', overflow: 'auto', maxHeight: '50vh' }}>
<Card
bordered={false}
className={css`
@ -54,6 +55,9 @@ export const SettingsCenterDropdown = () => {
>
{settings.map((setting) => (
<Card.Grid
style={{
width: settings.length === 1 ? '100%' : settings.length === 2 ? '50%' : '33.33%',
}}
className={css`
cursor: pointer;
padding: 0 !important;
@ -74,7 +78,7 @@ export const SettingsCenterDropdown = () => {
navigate(setting.path);
}}
title={compile(setting.title)}
style={{ display: 'block', color: 'inherit', padding: token.marginSM }}
style={{ display: 'block', color: 'inherit', minWidth: '4.5rem', padding: token.marginSM }}
href={setting.path}
>
<div style={{ fontSize: '1.2rem', textAlign: 'center', marginBottom: '0.3rem' }}>
@ -105,5 +109,6 @@ export const SettingsCenterDropdown = () => {
/>
</Popover>
</ActionContextProvider>
)
);
};