keannu125/Ivy-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Ivy-Frontend.git synced 2024-11-16 22:29:24 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix sidebar (again)

Browse source
This commit is contained in:
keannu125 2023-02-21 14:25:55 +08:00
parent c08d927f01
commit 308f193756
2 changed files with 32 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
src/components/Sidebar/Sidebar.tsx
View file

@ -57,34 +57,45 @@ export default function Sidebar() {
);
} else {
return (
<div style={styles.sidebar_wrapper}>
<div style={styles.sidebar_container}>
<div
style={{
position: "relative",
display: "flex",
flexDirection: "column",
flexDirection: "row",
justifyContent: "flex-end",
}}
>
<SidebarButton onClick={() => navigate("/")} name="Dashboard">
<HomeIcon size={4} color="white" />
</SidebarButton>
<SidebarButton onClick={() => navigate("/Products")} name="Products">
<ProductsIcon size={4} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Inventory")}
name="Inventory"
<div
style={{
position: "relative",
display: "flex",
flexDirection: "column",
justifyContent: "flex-start",
}}
>
<InventoryIcon size={4} color="white" />
</SidebarButton>
<SidebarButton onClick={() => navigate("/Logs")} name="Logs">
<LogsIcon size={4} color="white" />
</SidebarButton>
<SidebarButton onClick={() => navigate("/")} name="Dashboard">
<HomeIcon size={4} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Products")}
name="Products"
>
<ProductsIcon size={4} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Inventory")}
name="Inventory"
>
<InventoryIcon size={4} color="white" />
</SidebarButton>
<SidebarButton onClick={() => navigate("/Logs")} name="Logs">
<LogsIcon size={4} color="white" />
</SidebarButton>
<Logout>
<LogoutIcon size={4} color="white" />
</Logout>
</div>
</div>
<Logout>
<LogoutIcon size={4} color="white" />
</Logout>
</div>
);
}

1
src/styles.tsx
View file

@ -141,7 +141,6 @@ const styles: { [key: string]: React.CSSProperties } = {
paddingLeft: "2vh",
backgroundColor: "#3d4848",
},
sidebar_wrapper: {},
};
export default styles;