diff --git a/src/components/AdminHeader/AdminHeader.scss b/src/components/AdminHeader/AdminHeader.scss deleted file mode 100644 index a236b27..0000000 --- a/src/components/AdminHeader/AdminHeader.scss +++ /dev/null @@ -1,32 +0,0 @@ -@import "../../assets/scss/globals"; - -.admin-header { - margin-bottom: 0.5rem; - - .heading { - margin: 0 2rem; - font-weight: 500; - font-size: 24px; - - @media screen and (max-width: 600px - 1px) { - display: none; - } - } - - a { - max-width: 100%; - display: flex; - flex-flow: column nowrap; - align-items: center; - - img { - margin: 1rem 0.5rem; - - @media screen and (max-width: 600px - 1px) { - max-width: 300px !important; - width: 100%; - margin: 1rem auto; - } - } - } -} diff --git a/src/components/AdminHeader/AdminHeader.tsx b/src/components/AdminHeader/AdminHeader.tsx index c299094..3967cff 100644 --- a/src/components/AdminHeader/AdminHeader.tsx +++ b/src/components/AdminHeader/AdminHeader.tsx @@ -1,24 +1,31 @@ import React from "react"; +import styled from "styled-components"; import { Link } from "react-router-dom"; import TitleImage from "@assets/img/SIK_RGB_W_side.png"; -import "./AdminHeader.scss"; -export interface AdminHeaderProps { } -export interface AdminHeaderState { } +const Header = styled.header` + margin: 0.5rem; -class AdminHeader extends React.Component { - render() { - return ( - -
- - - -
Admin panel
-
-
- ); + a { + max-width: 100%; + display: flex; + flex-flow: column nowrap; + align-items: center; + + img { + padding: 2rem; + width: 100%; + max-width: 800px; + } } -} +`; + +const AdminHeader: React.FC = () => ( +
+ + + +
+); export default AdminHeader;