More styling
This commit is contained in:
parent
63808c279e
commit
d2e7db54c2
@ -7,8 +7,8 @@ import { ISidebarLink } from '@/interfaces/SidebarLink.interfaces';
|
||||
const LinkContainer = styled('div')(({ theme }) => ({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
padding: '12px 16px',
|
||||
// borderRadius: theme.shape.borderRadius,
|
||||
padding: '12px 1px',
|
||||
// borderRadius: theme.shape.borderRadius,s
|
||||
// color: theme.palette.text.primary,
|
||||
textDecoration: 'none',
|
||||
transition: 'background 0.2s ease-in-out',
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
import React from 'react';
|
||||
import { styled } from '@mui/system';
|
||||
import { Box, Typography, Button } from '@mui/material';
|
||||
import DashboardIcon from '@mui/icons-material/Dashboard';
|
||||
import { SIDEBAR_LINKS } from '@/constants/SidebarLink.constants';
|
||||
import SidebarLink from './SideBarLink';
|
||||
|
||||
@ -53,7 +53,7 @@ const SidebarLayout = () => {
|
||||
return (
|
||||
<LayoutWrapper>
|
||||
<Sidebar>
|
||||
<SidebarHeader>PaymentIQ</SidebarHeader>
|
||||
<SidebarHeader>PaymentIQ<DashboardIcon sx={{ marginLeft: 0.5 }}/></SidebarHeader>
|
||||
{SIDEBAR_LINKS.map((link) => (
|
||||
<SidebarLink
|
||||
key={link.path}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user