Mitchell/payment-backoffice
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

More styling

Browse Source
This commit is contained in:
Mitchell Magro 2025-06-17 21:38:36 +02:00
parent 63808c279e
commit d2e7db54c2
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
payment-iq/app/components/sidebar/SideBarLink.tsx
View File

@ -7,8 +7,8 @@ import { ISidebarLink } from '@/interfaces/SidebarLink.interfaces';
const LinkContainer = styled('div')(({ theme }) => ({ const LinkContainer = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
padding: '12px 16px', padding: '12px 1px',
// borderRadius: theme.shape.borderRadius, // borderRadius: theme.shape.borderRadius,s
// color: theme.palette.text.primary, // color: theme.palette.text.primary,
textDecoration: 'none', textDecoration: 'none',
transition: 'background 0.2s ease-in-out', transition: 'background 0.2s ease-in-out',

4
payment-iq/app/components/sidebar/Sidebar.tsx
View File

@ -2,7 +2,7 @@
import React from 'react'; import React from 'react';
import { styled } from '@mui/system'; 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 { SIDEBAR_LINKS } from '@/constants/SidebarLink.constants';
import SidebarLink from './SideBarLink'; import SidebarLink from './SideBarLink';
@ -53,7 +53,7 @@ const SidebarLayout = () => {
return ( return (
<LayoutWrapper> <LayoutWrapper>
<Sidebar> <Sidebar>
<SidebarHeader>PaymentIQ</SidebarHeader> <SidebarHeader>PaymentIQ<DashboardIcon sx={{ marginLeft: 0.5 }}/></SidebarHeader>
{SIDEBAR_LINKS.map((link) => ( {SIDEBAR_LINKS.map((link) => (
<SidebarLink <SidebarLink
key={link.path} key={link.path}