Fix frontpage sizing

This commit is contained in:
Kevin Kandlbinder 2022-01-25 20:36:05 +01:00
parent c06587cf0a
commit 2db66a46f6
3 changed files with 1 additions and 8 deletions

View file

@ -10,7 +10,6 @@ import {Steam, Twitch, Twitter, Youtube} from "@icons-pack/react-simple-icons";
const IndexPage = ({ data }) => <Layout topBarHome={true}>
<SEO description="Unkn0wnCat - Gamer, Coder, Video Producer - Learn more about me here!" title="Unkn0wnCat" />
<div className={styles.heroOuter}>
<div className={styles.hero}>
<div className={styles.heroHalo}></div>
<div className={styles.heroImage}>
@ -37,7 +36,6 @@ const IndexPage = ({ data }) => <Layout topBarHome={true}>
</div>
</div>
</div>
</div>
</Layout>;
export const query = graphql`

View file

@ -2,15 +2,12 @@
$layoutTwoColBreakpoint: 800px;
.heroOuter {
.hero {
margin-top: -$layoutNavHeight;
height: 100%;
min-height: 900px;
min-height: 880px;
position: relative;
@ -118,5 +115,4 @@ $layoutTwoColBreakpoint: 800px;
background-color: var(--color-secondary-lighter);
}
}
}

View file

@ -4,5 +4,4 @@ export const heroBox: string;
export const heroBoxBg: string;
export const heroHalo: string;
export const heroImage: string;
export const heroOuter: string;
export const name: string;