fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix header height

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-11-27 19:40:52 +03:00
parent 024fd6b85b
commit fd4f68d2ac
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ProHeader/ProHeader.tsx
View File

@@ -5,6 +5,7 @@ import { useNavigate } from "react-router-dom";
import { useAppSelector } from "redux/hooks"; import { useAppSelector } from "redux/hooks";
import { ProBlack2 } from "ThemeConstants"; import { ProBlack2 } from "ThemeConstants";
import ProTitle from "../ProTitle"; import ProTitle from "../ProTitle";
import useBreakPoint from "hooks/useBreakPoint";
const { Text } = Typography; const { Text } = Typography;
interface ProHeaderProps { interface ProHeaderProps {
@@ -22,6 +23,7 @@ const ProHeader: FunctionComponent<ProHeaderProps> = ({
}) => { }) => {
const { themeName } = useAppSelector((state) => state.theme); const { themeName } = useAppSelector((state) => state.theme);
const { isRTL } = useAppSelector((state) => state.locale); const { isRTL } = useAppSelector((state) => state.locale);
const { isMobile } = useBreakPoint();
const router = useNavigate(); const router = useNavigate();
const handleBack = () => { const handleBack = () => {
@@ -43,7 +45,7 @@ const ProHeader: FunctionComponent<ProHeaderProps> = ({
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "center", // This centers vertically alignItems: "center", // This centers vertically
backgroundColor: themeName === "light" ? "white" : ProBlack2, backgroundColor: themeName === "light" ? "white" : ProBlack2,
height: "8vh", // Set a fixed height for the container height: isMobile ? "8vh" : "6vh", // Set a fixed height for the container
padding: "4px 16px 0px 16px", // Add some horizontal padding padding: "4px 16px 0px 16px", // Add some horizontal padding
}} }}
> >