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

125
src/components/NavBar.vue
View file

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