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