zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove nav height to prevent overflow

Browse Source
This commit is contained in:
zepp 2025-03-12 00:23:35 -04:00
parent a737996b73
commit f015aa8a52
1 changed files with 38 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Navigation.astro
View File

@ -2,7 +2,7 @@
const backgroundColor = "#E0D1ED"; const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046"; const backgroundColorNightMode = "#240046";
--- ---
<div>
<nav> <nav>
<h3>life of emma</h3> <h3>life of emma</h3>
<ul> <ul>
@ -32,20 +32,25 @@ const backgroundColorNightMode = "#240046";
<li><a href="#top">top of page</a></li> <li><a href="#top">top of page</a></li>
</ul> </ul>
</nav> </nav>
</div>
<style define:vars={{backgroundColor, backgroundColorNightMode}}> <style define:vars={{backgroundColor, backgroundColorNightMode}}>
nav { div {
background-color: var(--backgroundColor); height: 100%;
width: 20vw;
grid-row: 2/3; grid-row: 2/3;
grid-column: 1/2; grid-column: 1/2;
}
nav {
background-color: var(--backgroundColor);
width: 20vw; width: 20vw;
height: 70vh; height: auto;
font-family: system-ui; font-family: system-ui;
letter-spacing: 0.05rem; letter-spacing: 0.05rem;
position: sticky; position: sticky;
top: 0; top: 0;
margin-left: 2rem; margin-left: 2rem;
padding-top: 0.75rem; padding: 0.75rem 0;
padding-left: 1.5rem; padding-left: 1.5rem;
border-radius: 25px; border-radius: 25px;
} }