diff options
| -rw-r--r-- | src/components/Header.astro | 64 | ||||
| -rw-r--r-- | src/layouts/BaseLayout.astro | 2 | ||||
| -rw-r--r-- | src/scss/_framework.scss | 4 |
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; } } |