keyemail/keyemail-dev
1
2
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fixed styles on nav

Browse source
This commit is contained in:
Patrick Hatsune 2024-06-05 14:23:43 -07:00
parent 6e747fba07
commit 4df2e87590
Signed by: keyemail
GPG key ID: 487C4334CE04CE66
1 changed files with 64 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

127
src/components/NavBar.vue
View file

@ -89,45 +89,45 @@ nav {
color: white; color: white;
font-family: 'Rubik', sans-serif; font-family: 'Rubik', sans-serif;
font-weight: 500; font-weight: 500;
}
h1{
width: fit-content;
z-index: 10;
}
nav h1{ ul {
width: fit-content; list-style: none;
z-index: 10; float: right;
} }
nav ul { ul li{
list-style: none; display: inline;
float: right; cursor: pointer;
} margin-left: 10px;
font-weight: 400;
transition: color 0.3s;
}
nav ul li{ ul a {
display: inline; text-decoration: none;
cursor: pointer; color: inherit;
margin-left: 10px; }
font-weight: 400;
transition: color 0.3s;
}
nav ul a { ul li:hover{
text-decoration: none; color: #8ee8fc;
color: inherit; }
}
nav ul li:hover{ i {
color: #8ee8fc; float: right;
} font-size: 35px;
cursor: pointer;
transition: 0.3s color;
z-index: 10;
}
nav i { i:hover {
float: right; color: #74d2f1;
font-size: 35px; }
cursor: pointer;
transition: 0.3s color;
z-index: 10;
}
nav i:hover {
color: #74d2f1;
} }
#mobileNav { #mobileNav {
@ -138,40 +138,41 @@ nav i:hover {
left: 0; left: 0;
top: 0; top: 0;
z-index: 9; z-index: 9;
}
i {
float: right;
font-size: 35px;
cursor: pointer;
transition: 0.3s color;
}
#mobileNav i { div {
float: right; display: flex;
font-size: 35px; align-items: center;
cursor: pointer; justify-content: center;
transition: 0.3s color; height: 100%;
} }
#mobileNav div { div li {
display: flex; cursor: pointer;
align-items: center; margin-left: 10px;
justify-content: center; font-weight: 400;
height: 100%; transition: color 0.3s;
} font-size: 40px;
text-align: center;
font-family: 'Rubik', sans-serif;
margin: 10px;
}
#mobileNav div li { div a {
cursor: pointer; color: white;
margin-left: 10px; text-decoration: none;
font-weight: 400; transition: 0.3s color;
transition: color 0.3s; }
font-size: 40px;
text-align: center;
font-family: 'Rubik', sans-serif;
margin: 10px;
}
#mobileNav div a {
color: white;
text-decoration: none;
transition: 0.3s color;
}
#mobileNav div a:hover { div a:hover {
color: #74d2f1; color: #74d2f1;
}
} }
</style> </style>