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

Update Site Header Icons Layout

Browse Source
This commit is contained in:
blessedcoolant 2022-10-28 19:49:50 +13:00 committed by psychedelicious
parent a5915ccd2c
commit 27a7980dad
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/features/system/SiteHeader.tsx
View File

@ -41,16 +41,6 @@ const SiteHeader = () => {
<div className="site-header-right-side">
<StatusIndicator />
<SettingsModal>
<IconButton
aria-label="Settings"
variant="link"
fontSize={24}
size={'sm'}
icon={<MdSettings />}
/>
</SettingsModal>
<HotkeysModal>
<IconButton
aria-label="Hotkeys"
@ -61,6 +51,17 @@ const SiteHeader = () => {
/>
</HotkeysModal>
<Tooltip hasArrow label="Theme" placement={'bottom'}>
<IconButton
aria-label="Toggle Dark Mode"
onClick={toggleColorMode}
variant="link"
size={'sm'}
fontSize={colorModeIconFontSize}
icon={colorModeIcon}
/>
</Tooltip>
<Tooltip hasArrow label="Report Bug" placement={'bottom'}>
<IconButton
aria-label="Link to Github Issues"
@ -106,16 +107,15 @@ const SiteHeader = () => {
/>
</Tooltip>
<Tooltip hasArrow label="Theme" placement={'bottom'}>
<SettingsModal>
<IconButton
aria-label="Toggle Dark Mode"
onClick={toggleColorMode}
aria-label="Settings"
variant="link"
fontSize={24}
size={'sm'}
fontSize={colorModeIconFontSize}
icon={colorModeIcon}
icon={<MdSettings />}
/>
</Tooltip>
</SettingsModal>
</div>
</div>
);