mirror of
https://github.com/Noratrieb/hugos-lieblingsflugzeuge.git
synced 2026-01-14 11:45:04 +01:00
better nav
This commit is contained in:
parent
9c7a6858ef
commit
51646d73fd
1 changed files with 13 additions and 7 deletions
20
src/app.css
20
src/app.css
|
|
@ -20,7 +20,7 @@ main {
|
|||
}
|
||||
|
||||
:root {
|
||||
--nav-hover-color: darkgrey;
|
||||
--nav-hover-color: #8997b3;
|
||||
}
|
||||
|
||||
header {
|
||||
|
|
@ -29,13 +29,14 @@ header {
|
|||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
|
||||
background-color: #282c34;
|
||||
overflow: visible;
|
||||
display: grid;
|
||||
grid-template-columns: 500px auto;
|
||||
overflow: visible;
|
||||
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
margin-left: 10px;
|
||||
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
|
|
@ -54,7 +55,6 @@ nav {
|
|||
padding: 0;
|
||||
overflow: visible;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
|
||||
/*main ul*/
|
||||
|
|
@ -74,6 +74,7 @@ nav ul li {
|
|||
font-size: 1.8em;
|
||||
cursor: pointer;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -107,7 +108,7 @@ nav ul li .content {
|
|||
display: none;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
background-color: #282c34;
|
||||
background-color: #3b414d;
|
||||
}
|
||||
|
||||
/*drop menu main hover*/
|
||||
|
|
@ -119,3 +120,8 @@ nav ul li:hover .content {
|
|||
nav ul li .content a {
|
||||
padding: 8px 0 8px 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-left: 10px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue