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

8
src/components/Navbar.astro
View file

@ -12,7 +12,7 @@ const links = [
---
<div id="main-navbar">
<nav class="navbar d-none d-lg-block">
<nav class="navbar navbar-desktop d-none d-lg-block">
<ul class="list-unstyle hstack">
{
links.map((link) => (
@ -29,7 +29,7 @@ const links = [
<div class="text-end d-lg-none">
<OffCanvasBtn />
<OffCanvas>
<nav class="navbar">
<nav class="navbar navbar-mobile">
<ul class="list-unstyle text-start">
{
links.map((link) => (
@ -63,6 +63,10 @@ const links = [
</script>
<style lang="scss">
.navbar-desktop {
margin-left: auto;
}
nav {
width: fit-content;
}