eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

feat: add hover for navbar

Browse Source
This commit is contained in:
eggy 2022-08-08 11:03:16 -04:00
parent 1e87a8556e
commit 0f42679478
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/Navbar.vue
View File

@ -45,12 +45,26 @@ html.dark nav img {
ul {
display: flex;
align-items: center;
gap: 3rem;
gap: 1rem;
}
li {
font-size: large;
border-radius: 0.5rem;
padding: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
li:hover:not(.home-text) {
--nav-active-color: lightgray;
background: var(--nav-active-color);
}
html.dark li:hover {
--nav-active-color: darkslategray;
}
li.home-text {
font-size: x-large;
font-weight: bold;