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

71
src/components/Navigation.astro
View File

@ -2,50 +2,55 @@
const backgroundColor = "#E0D1ED"; const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046"; const backgroundColorNightMode = "#240046";
--- ---
<div>
<nav>
<h3>life of emma</h3>
<ul>
<li>
<a href="/life/self/">emma's self</a>
</li>
<li>
<a href="/life/interests/">emma's interests</a>
</li>
<li>
<a href="/life/sunshine/">emma's rays of sunshine</a>
</li>
</ul>
<h3>site information</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/site/about">about</a></li>
<li><a href="/site/why">why</a></li>
<li><a href="/site/who">who</a></li>
<li><a href="/site/other">other emma things</a></li>
<li><a href="/site/contact">contact</a></li>
<li><a href="/site/guestbook">guestbook</a></li>
</ul>
<nav> <h3>controls</h3>
<h3>life of emma</h3> <ul>
<ul> <li><a href="#top">top of page</a></li>
<li> </ul>
<a href="/life/self/">emma's self</a> </nav>
</li> </div>
<li>
<a href="/life/interests/">emma's interests</a>
</li>
<li>
<a href="/life/sunshine/">emma's rays of sunshine</a>
</li>
</ul>
<h3>site information</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/site/about">about</a></li>
<li><a href="/site/why">why</a></li>
<li><a href="/site/who">who</a></li>
<li><a href="/site/other">other emma things</a></li>
<li><a href="/site/contact">contact</a></li>
<li><a href="/site/guestbook">guestbook</a></li>
</ul>
<h3>controls</h3>
<ul>
<li><a href="#top">top of page</a></li>
</ul>
</nav>
<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;
} }