Updated color more button by consolidating into one button, it now uses css positioning w respect to state rather then visibility

This commit is contained in:
2026-09-14 15:31:23 -07:00
parent 8e514418d4
commit 3595599dae
2 changed files with 58 additions and 36 deletions
+6 -6
View File
@@ -45,17 +45,17 @@ export default function Sidebar() {
{/* Collapse Sidebar and Theme Footer Buttons */}
<Flex css={styles.footer}>
<Flex css={styles.closed_theme_button}>
<ColorModeButton />
</Flex>
<Flex>
{/*<Flex css={styles.closed_theme_button}>*/}
{/* <ColorModeButton />*/}
{/*</Flex>*/}
{/*<Flex>*/}
<IconButton aria-label="Toggle Sidebar" variant="plain" onClick={toggleSidebar} css={styles.collapse_button}>
{isOpen ? <PanelLeftClose /> : <PanelLeftOpen />}
</IconButton>
<Flex css={styles.opened_theme_button}>
<Flex css={styles.color_mode_button}>
<ColorModeButton />
</Flex>
</Flex>
{/*</Flex>*/}
</Flex>
</Box>
);