Deleted the page headers

This commit is contained in:
Valentin Popov 2024-10-24 19:16:56 +00:00
parent f8d98d2933
commit 2aa8042e3d
Signed by: Valentin Popov
GPG Key ID: AE3CE523DAAA8401
3 changed files with 2 additions and 68 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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;
}
}