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

49
src/components/NavBar.vue
View file

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