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

feat(Style): change layout to allow navbar to expand the whole width

Browse source
This commit is contained in:
Alexander Navarro 2024-03-15 10:12:50 -03:00
parent d7a9817514
commit 8f36d1cd02
3 changed files with 20 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/Navbar.astro
View file

@ -11,8 +11,8 @@ const links = [
];
---
<div id="main-navbar">
<nav class="navbar navbar-desktop d-none d-lg-block">
<div id="main-navbar" class="pt-1">
<nav class="navbar navbar-desktop d-none d-lg-block container">
<ul class="list-unstyle hstack">
{
links.map((link) => (
@ -63,12 +63,13 @@ const links = [
</script>
<style lang="scss">
.navbar-desktop {
margin-left: auto;
nav {
width: 100%;
}
nav {
.navbar-desktop ul {
width: fit-content;
margin-left: auto;
}
ul {