aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/Header.astro64
-rw-r--r--src/layouts/BaseLayout.astro2
-rw-r--r--src/scss/_framework.scss4
3 files changed, 2 insertions, 68 deletions
diff --git a/src/components/Header.astro b/src/components/Header.astro
deleted file mode 100644
index a42ff2a..0000000
--- a/src/components/Header.astro
+++ /dev/null
@@ -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>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index a76861a..4a4efe6 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -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>
diff --git a/src/scss/_framework.scss b/src/scss/_framework.scss
index c95a71c..7aa970e 100644
--- a/src/scss/_framework.scss
+++ b/src/scss/_framework.scss
@@ -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;
}
}