diff options
Diffstat (limited to 'client/src/components/Header')
-rw-r--r-- | client/src/components/Header/Header.jsx | 25 | ||||
-rw-r--r-- | client/src/components/Header/Header.module.css | 34 |
2 files changed, 0 insertions, 59 deletions
diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx deleted file mode 100644 index 9682104..0000000 --- a/client/src/components/Header/Header.jsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; -import { Link } from "react-router-dom"; -import { SUPPORTED_LANGUAGES } from "../../utils/constants"; -import styles from "./Header.module.css"; -import CustomSelect from "../CustomSelect/CustomSelect"; - -const Header = ({ isSelectVisible, onLanguageChange }) => { - return ( - <div className={styles.header}> - <Link to="/"> - <h1> - <span className={styles.header__mini}>mini</span>bin - </h1> - </Link> - {isSelectVisible && ( - <CustomSelect - options={SUPPORTED_LANGUAGES} - onSelect={onLanguageChange} - /> - )} - </div> - ); -}; - -export default Header; diff --git a/client/src/components/Header/Header.module.css b/client/src/components/Header/Header.module.css deleted file mode 100644 index 9717e14..0000000 --- a/client/src/components/Header/Header.module.css +++ /dev/null @@ -1,34 +0,0 @@ -.header { - display: flex; - justify-content: space-between; - align-items: center; - margin: 0.5rem 2rem; - color: var(--color-light); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.header h1 { - margin: 0; -} - -.header a { - text-decoration: none; - color: inherit; -} - -.header__mini { - color: var(--color-yellow); -} - -@media screen and (max-width: 480px) { - .header { - margin: 0.5rem 1rem; - } - - .header h1 { - font-size: 2rem; - } -} |