alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

feat(Navbar): apply sticky style to the main navbar

Browse source
This commit is contained in:
Alexander Navarro 2024-03-14 14:43:46 -03:00
parent 544815e4d2
commit 9f15e40d6e
5 changed files with 32 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/layouts/Layout.astro
View file

@ -26,7 +26,7 @@ const { title } = Astro.props;
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gardevoir" />
</head>
<body transition:animate="fade">
<header>
<header class="position-sticky py-1 py-lg-3">
<Navbar />
</header>
<main>
@ -35,13 +35,12 @@ const { title } = Astro.props;
</div>
<slot />
</main>
<style>
header > :global(*) {
margin-left: auto;
}
body > main {
position: relative;
<style lang="scss">
body {
header {
background-color: var(--prj-bg);
border-radius: 0 0 var(--prj-border-radius) var(--prj-border-radius);
}
}
/* Position spinner in the center of the screen instead of the center of it's parent */