diff --git a/Client/src/Components/DashboardSidebar/index.css b/Client/src/Components/DashboardSidebar/index.css index 83b0b349b..43af36fbd 100644 --- a/Client/src/Components/DashboardSidebar/index.css +++ b/Client/src/Components/DashboardSidebar/index.css @@ -1,13 +1,31 @@ .dashboard-sidebar { height: 100vh; width: 250px; - background-color: #f4f4f4; + background-color: #f4f4f4; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; display: flex; flex-direction: column; - padding-top: 60px; + justify-content: space-between; + padding: 20px 0; + } + + .menu-container { + margin-top: 60px; + } + + .support-container { + display: flex; + align-items: center; + padding: 10px 20px; + margin-bottom: 40px; + } + + .support-text { + margin-left: 8px; + font-size: 16px; + color: #333; } \ No newline at end of file diff --git a/Client/src/Components/DashboardSidebar/index.jsx b/Client/src/Components/DashboardSidebar/index.jsx index d506256a3..846452dbc 100644 --- a/Client/src/Components/DashboardSidebar/index.jsx +++ b/Client/src/Components/DashboardSidebar/index.jsx @@ -1,9 +1,11 @@ import DashboardMenu from '../../Components/DashboardMenu'; +import SupportIcon from '@mui/icons-material/Support'; +import SvgIcon from '@mui/material/SvgIcon'; import './index.css'; /** * @component - * DashboardSidebar component serves as a sidebar containing the DashboardMenu. + * DashboardSidebar component serves as a sidebar containing the DashboardMenu and a Support icon at the bottom. * * @returns {JSX.Element} The JSX element representing the DashboardSidebar component. */ @@ -11,7 +13,13 @@ import './index.css'; function DashboardSidebar() { return (