Amit/mui-demo-project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

styles: dashboard

Browse Source
This commit is contained in:
Amit Roy 2024-08-07 15:56:01 +05:30
parent d17a2811da
commit 27ab414493
2 changed files with 46 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/(dashboard)/home/page.tsx
View File

@ -1,11 +1,21 @@
import TanStackTable from "@/components/table/TanStackTable";
import { Box, Card, Typography } from "@mui/material";
import React from "react";
import CardHeader from "@mui/material/CardHeader";
import CardContent from "@mui/material/CardContent";
const HomePage = () => {
return (
<div>
<TanStackTable />
</div>
<Box>
<Card>
<CardHeader>
<Typography variant="h4">Projects</Typography>
</CardHeader>
<CardContent>
<TanStackTable />
</CardContent>
</Card>
</Box>
);
};

60
src/components/wrapper/dashboardWrapper.tsx
View File

@ -21,6 +21,7 @@ import { UTILITY_CONSTANT } from "@/utilities/utilityConstant";
import styles from "./DashboardWrapper.module.scss";
import styled from "@emotion/styled";
import { BUILDING, GEAR } from "@/utilities/svgConstant";
import LogoutIcon from "@mui/icons-material/Logout";
const drawerWidth = 260;
@ -154,35 +155,40 @@ export default function DashboardWrapper(props: Props) {
Responsive drawer
</Typography>
</Box>
<Box
display={"flex"}
alignItems={"center"}
gap={1}
sx={{
background: "var(--clr_gray_100)",
padding: "8px",
borderRadius: "30px",
}}
>
<Avatar
<Box display={"flex"} alignItems={"center"} gap={1}>
<Box
display={"flex"}
alignItems={"center"}
gap={1}
sx={{
width: 34,
height: 34,
cursor: "pointer",
background: "var(--primary_light)",
color: "var(--primary_Active_text)",
fontSize: "0.8rem",
background: "var(--clr_gray_100)",
padding: "8px",
borderRadius: "30px",
}}
alt="Remy Sharp"
src="/static/images/avatar/1.jpg"
/>
<GEAR
sx={{
color: "var(--primary_Active_text)",
fontSize: "1.8rem",
cursor: "pointer",
}}
/>
>
<Avatar
sx={{
width: 34,
height: 34,
cursor: "pointer",
background: "var(--primary_light)",
color: "var(--primary_Active_text)",
fontSize: "0.8rem",
}}
alt="Remy Sharp"
src="/static/images/avatar/1.jpg"
/>
{/* <GEAR
sx={{
color: "var(--primary_Active_text)",
fontSize: "1.8rem",
cursor: "pointer",
}}
/> */}
<IconButton aria-label="log out" size="medium" color="error">
<LogoutIcon fontSize="small" />
</IconButton>
</Box>
</Box>
</Toolbar>
</CssAppBar>