Made icon sizing based on px rather than vh

This commit is contained in:
Keannu Christian Bernasol 2023-03-03 12:35:32 +08:00
parent 2551b1fb38
commit c9b18608a1
24 changed files with 83 additions and 65 deletions

View file

@ -37,20 +37,20 @@ export default function Sidebar() {
}}
>
<SidebarButton onClick={() => navigate("/")} name="Dashboard">
<HomeIcon size={4} color="white" />
<HomeIcon size={48} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Products")}
name="Products"
>
<ProductsIcon size={4} color="white" />
<ProductsIcon size={48} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Inventory")}
name="Inventory"
>
<InventoryIcon size={4} color="white" />
<InventoryIcon size={48} color="white" />
</SidebarButton>
</div>
</div>
@ -75,25 +75,25 @@ export default function Sidebar() {
}}
>
<SidebarButton onClick={() => navigate("/")} name="Dashboard">
<HomeIcon size={4} color="white" />
<HomeIcon size={48} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Products")}
name="Products"
>
<ProductsIcon size={4} color="white" />
<ProductsIcon size={48} color="white" />
</SidebarButton>
<SidebarButton
onClick={() => navigate("/Inventory")}
name="Inventory"
>
<InventoryIcon size={4} color="white" />
<InventoryIcon size={48} color="white" />
</SidebarButton>
<SidebarButton onClick={() => navigate("/Logs")} name="Logs">
<LogsIcon size={4} color="white" />
<LogsIcon size={48} color="white" />
</SidebarButton>
<Logout>
<LogoutIcon size={4} color="white" />
<LogoutIcon size={48} color="white" />
</Logout>
</div>
</div>