add persons, / footer(contacts) / main car page
This commit is contained in:
@ -2,10 +2,15 @@ import { Box } from "@mui/material";
|
||||
import React from "react";
|
||||
import { useResponsive } from "../theme/useResponsive";
|
||||
|
||||
function Divider() {
|
||||
interface DividerProps {
|
||||
marginTopDivider?: string | "1vw";
|
||||
marginBottomDivider?: string | "1vw";
|
||||
}
|
||||
|
||||
function Divider({ marginTopDivider, marginBottomDivider }: DividerProps) {
|
||||
const { isMobile } = useResponsive();
|
||||
return (
|
||||
<Box sx={{ display: "flex", alignItems: "center", justifyContent: "center" }}>
|
||||
<Box sx={{ display: "flex", alignItems: "center", justifyContent: "center", bgcolor: "#fff" }}>
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
@ -14,9 +19,9 @@ function Divider() {
|
||||
height: isMobile ? "0.3vw" : "0.15vw",
|
||||
backgroundColor: "rgba(220, 220, 220, 1)",
|
||||
borderRadius: "1vw",
|
||||
position: "absolute",
|
||||
mt: "1vw",
|
||||
mb: "1vw",
|
||||
// position: "absolute",
|
||||
mt: marginTopDivider,
|
||||
mb: marginBottomDivider,
|
||||
}}
|
||||
></Box>
|
||||
</Box>
|
||||
|
Reference in New Issue
Block a user