Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fix Settings dropdown menu icons being too small

Browse Source
This commit is contained in:
blessedcoolant 2023-07-26 18:05:57 +12:00 committed by psychedelicious
parent 6fa42cb10c
commit 17900e5140
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
invokeai/frontend/web/src/features/system/components/SiteHeader.tsx
View File

@ -2,10 +2,10 @@ import { Flex, MenuGroup, Spacer } from '@chakra-ui/react';
import { memo } from 'react';
import StatusIndicator from './StatusIndicator';
import { Menu, MenuButton, MenuList, MenuItem } from '@chakra-ui/react';
import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react';
import IAIIconButton from 'common/components/IAIIconButton';
import { useTranslation } from 'react-i18next';
import { FaBug, FaDiscord, FaGithub, FaKeyboard, FaBars } from 'react-icons/fa';
import { FaBars, FaBug, FaDiscord, FaGithub, FaKeyboard } from 'react-icons/fa';
import { MdSettings } from 'react-icons/md';
import { useFeatureStatus } from '../hooks/useFeatureStatus';
import HotkeysModal from './HotkeysModal/HotkeysModal';
@ -44,29 +44,41 @@ const SiteHeader = () => {
<MenuList>
<MenuGroup title={t('common.communityLabel')}>
{isGithubLinkEnabled && (
<MenuItem as="a" href={githubLink} icon={<FaGithub />}>
<MenuItem
as="a"
href={githubLink}
icon={<FaGithub fontSize={20} />}
>
{t('common.githubLabel')}
</MenuItem>
)}
{isBugLinkEnabled && (
<MenuItem as="a" href={`${githubLink}/issues}`} icon={<FaBug />}>
<MenuItem
as="a"
href={`${githubLink}/issues}`}
icon={<FaBug fontSize={20} />}
>
{t('common.reportBugLabel')}
</MenuItem>
)}
{isDiscordLinkEnabled && (
<MenuItem as="a" href={discordLink} icon={<FaDiscord />}>
<MenuItem
as="a"
href={discordLink}
icon={<FaDiscord fontSize={20} />}
>
{t('common.discordLabel')}
</MenuItem>
)}
</MenuGroup>
<MenuGroup title={t('common.settingsLabel')}>
<HotkeysModal>
<MenuItem as="button" icon={<FaKeyboard />}>
<MenuItem as="button" icon={<FaKeyboard fontSize={20} />}>
{t('common.hotkeysLabel')}
</MenuItem>
</HotkeysModal>
<SettingsModal>
<MenuItem as="button" icon={<MdSettings />}>
<MenuItem as="button" icon={<MdSettings fontSize={20} />}>
{t('common.settingsLabel')}
</MenuItem>
</SettingsModal>