RMS/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change style headers

Browse Source
This commit is contained in:
Amirhossein Mahmoodi
2024-08-18 15:25:20 +03:30
parent 65bdcb2cdc
commit 15bab1a6a4
4 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/rmsLogo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

4
src/components/layouts/dashboard/headerWithLogo/HaederBottom/index.jsx
View File

@@ -15,9 +15,9 @@ const HeaderBottom = () => {
alignItems={"center"}
direction={"row"}
>
<Image alt="" priority src={RmsLogo.src} width={65} height={71} />
<Image alt="" priority src={RmsLogo.src} width={50} height={54} />
<Stack alignItems={"center"} spacing={1}>
<Typography variant="h5" sx={{ color: (theme) => theme.palette.primary2.contrastText }}>
<Typography variant="h6" sx={{ color: (theme) => theme.palette.primary2.contrastText }}>
سامانه جامع راهداری
</Typography>
<Typography sx={{ color: (theme) => theme.palette.primary2.contrastText }}>rms.rmto.ir</Typography>

2
src/components/layouts/dashboard/headerWithLogo/HaederTop/index.jsx
View File

@@ -5,7 +5,7 @@ import HeaderLogo from "@/assets/images/headerLogo.png";
const HeaderTop = () => {
return (
<Stack sx={{ p: 2 }}>
<Image alt="" priority src={HeaderLogo.src} width={190} height={44} />
<Image alt="" priority src={HeaderLogo.src} width={140} height={32} />
</Stack>
);
};

5
src/components/layouts/dashboard/headerWithSidebar/index.jsx
View File

@@ -9,6 +9,7 @@ import HeaderMenu from "./HeaderMenu";
import { headerMenu } from "@/core/utils/headerMenu";
const drawerWidth = 300;
const headersHeight = 136
const Main = styled(Stack, { shouldForwardProp: (prop) => prop !== "open" })(({ theme, open }) => ({
flexGrow: 1,
@@ -63,7 +64,9 @@ const HeaderWithSidebar = ({ children }) => {
setOpen(false);
};
return (
<Box sx={{ display: "flex", height: "calc(100% - 163px)", width: "100%", mt: "163px" }}>
<Box sx={{
display: "flex", height: `calc(100% - ${headersHeight}px)`, width: "100%", mt: `${headersHeight}px`
}}>
<AppBar sx={{ position: "fixed", top: "unset" }} elevation={0} open={open}>
<Toolbar variant="dense">
<IconButton