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