diff --git a/Components/ErrorViewer/error.module.css b/Components/ErrorViewer/error.module.css index e643584..c3886b8 100644 --- a/Components/ErrorViewer/error.module.css +++ b/Components/ErrorViewer/error.module.css @@ -85,4 +85,12 @@ display: flex; gap:5px; align-items: center; +} + +@media screen and (max-width: 1000px) { + .card{ + flex-wrap: wrap; + } + + } \ No newline at end of file diff --git a/Components/header/header.module.css b/Components/header/header.module.css index 6056925..f7c238d 100644 --- a/Components/header/header.module.css +++ b/Components/header/header.module.css @@ -47,4 +47,27 @@ color: #FFFFFF; background: #13377D; transition: 0.3s; -} \ No newline at end of file +} +.burger{ + display: none; +} +@media screen and (max-width: 1500px) { + .logo{ + display: none; + } +} + +@media screen and (max-width: 1000px) { + .header{ + flex-direction: column; + } + .itemWrapper{ + flex-wrap: wrap; + } + .burger{ + display: block; + height: 60px; + } + +} + \ No newline at end of file diff --git a/Components/header/index.tsx b/Components/header/index.tsx index b73c1cc..596fc18 100644 --- a/Components/header/index.tsx +++ b/Components/header/index.tsx @@ -1,17 +1,18 @@ import { useRouter } from "next/router"; -import React from "react"; +import React, { useState } from "react"; import styles from "./header.module.css" import 'antd/dist/antd.css'; export const Header:React.FC = () =>{ let router = useRouter() - + const [open, setOpen] = useState(true) return(