valentineus/popov.link
valentineus/popov.link
0
Fork 0
Code Issues Pull Requests 1 Actions Releases Activity

Deleted the page headers

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/Header.astro
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>

2
src/layouts/BaseLayout.astro
View File

@ -2,7 +2,6 @@
import Analytics from "../components/Analytics.astro"; import Analytics from "../components/Analytics.astro";
import Footer from "../components/Footer.astro"; import Footer from "../components/Footer.astro";
import Head from "../components/Head.astro"; import Head from "../components/Head.astro";
import Header from "../components/Header.astro";
import "../scss/global.scss"; import "../scss/global.scss";
type Props = { type Props = {
@ -20,7 +19,6 @@ const { description, title } = Astro.props;
/> />
<body> <body>
<Header />
<main> <main>
<slot /> <slot />
</main> </main>

4
src/scss/_framework.scss
View File

@ -35,7 +35,7 @@ body {
margin: auto; margin: auto;
max-width: 52em; max-width: 52em;
min-height: 100vh; min-height: 100vh;
padding: 4em; padding: 2em 4em;
position: relative; position: relative;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
} }
@ -43,7 +43,7 @@ body {
@media (width <=684px) { @media (width <=684px) {
body { body {
font-size: $fontSizeBase * 0.85; font-size: $fontSizeBase * 0.85;
padding: 4em 1em 2em; padding: 2em 1em;
} }
} }