Deleted the page headers
This commit is contained in:
parent
f8d98d2933
commit
2aa8042e3d
@ -1,64 +0,0 @@
|
||||
---
|
||||
import { Icon } from "astro-icon/components";
|
||||
|
||||
const { pathname } = Astro.url;
|
||||
---
|
||||
|
||||
<style lang="scss">
|
||||
@import "../scss/_variables.scss";
|
||||
|
||||
[data-icon] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: $colorBg;
|
||||
left: 0;
|
||||
line-height: 3.5em;
|
||||
opacity: 0.975;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: auto;
|
||||
max-width: 52em;
|
||||
padding: 0 4em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $colorText;
|
||||
|
||||
&:visited {
|
||||
color: $colorText;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width <=684px) {
|
||||
header {
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<header>
|
||||
<nav>
|
||||
<a href="/">
|
||||
{
|
||||
pathname !== "/" ? (
|
||||
<>
|
||||
<Icon name="hugeicons:arrow-left-01" />
|
||||
<span>Home</span>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Icon name="hugeicons:source-code" />
|
||||
<span>{import.meta.env.DEFAULT_TITLE}</span>
|
||||
</>
|
||||
)
|
||||
}
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
@ -2,7 +2,6 @@
|
||||
import Analytics from "../components/Analytics.astro";
|
||||
import Footer from "../components/Footer.astro";
|
||||
import Head from "../components/Head.astro";
|
||||
import Header from "../components/Header.astro";
|
||||
import "../scss/global.scss";
|
||||
|
||||
type Props = {
|
||||
@ -20,7 +19,6 @@ const { description, title } = Astro.props;
|
||||
/>
|
||||
|
||||
<body>
|
||||
<Header />
|
||||
<main>
|
||||
<slot />
|
||||
</main>
|
||||
|
@ -35,7 +35,7 @@ body {
|
||||
margin: auto;
|
||||
max-width: 52em;
|
||||
min-height: 100vh;
|
||||
padding: 4em;
|
||||
padding: 2em 4em;
|
||||
position: relative;
|
||||
text-rendering: optimizelegibility;
|
||||
}
|
||||
@ -43,7 +43,7 @@ body {
|
||||
@media (width <=684px) {
|
||||
body {
|
||||
font-size: $fontSizeBase * 0.85;
|
||||
padding: 4em 1em 2em;
|
||||
padding: 2em 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user