commit e0283a8a4b370f9cb96488b20b642afaf8549efe
author pineafan <pineapplefanyt@gmail.com> Sun Feb 13 10:05:56 2022 +0000
committer pineafan <pineapplefanyt@gmail.com> Sun Feb 13 10:05:56 2022 +0000
tree 2ca0bba8fd21da09567a28103cf9cd23a0d3a5d7
parent eebe3c6add3661bf812d118a69ea2eff48abbeba

redesign

Components/Header.js

diff --git a/Components/Header.js b/Components/Header.js
index 98df0ea..68d0557 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -1,5 +1,5 @@
-import { Component } from "react";
-import Styles from '../styles/header.module.css';
+import { Component, useRef } from "react";
+import Styles from '../styles/Components/header.module.css';
 import Head from 'next/head';
 
 class Header extends Component {
@@ -12,7 +12,7 @@
         return (
             <div className={Styles.header} style={{
                 margin: "0",
-                minHeight: this.props.fullscreen ? "100vh" : "90vh"
+                minHeight: this.props.fullscreen ? "100vh" : "calc(100vh - (2 * max(2em, 4vw)) - 1em)",
             }} id={this.props.id ? this.props.id : null}>
                 <div className={Styles.backgroundGradient} style={{
                     backgroundImage: `linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,