Add placeholder for logo in navbar
This commit is contained in:
parent
0d30d9d059
commit
e91c6b6c5a
|
@ -10,6 +10,7 @@
|
|||
|
||||
.nav * {
|
||||
z-index: 10;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
|
@ -18,7 +19,6 @@
|
|||
padding: calc(var(--padding)) calc(var(--padding));
|
||||
width: 100%;
|
||||
|
||||
vertical-align: middle;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
@ -44,13 +44,17 @@
|
|||
background-color: var(--fwdekker-theme-color-dark);
|
||||
}
|
||||
|
||||
.nav img.logo {
|
||||
margin-right: calc(1em / 3);
|
||||
.nav .logo {
|
||||
width: calc(1em + var(--padding));
|
||||
height: calc(1em + var(--padding));
|
||||
|
||||
vertical-align: middle;
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
.nav div.logo {
|
||||
display: inline-block;
|
||||
margin-right: calc(1em / 3);
|
||||
}
|
||||
|
||||
|
||||
.nav ul li ul {
|
||||
|
|
|
@ -40,7 +40,7 @@ export const nav = function () {
|
|||
return h("nav.nav",
|
||||
h("ul",
|
||||
h("li", h("a", {href: "https://fwdekker.com/"},
|
||||
h("img.logo", {src: "https://fwdekker.com/favicon.png"}),
|
||||
h("div.logo", h("img.logo", {src: "https://fwdekker.com/favicon.png"})),
|
||||
h("b", "FWDekker")
|
||||
)),
|
||||
h("li", h("a", {href: "#", innerHTML: "Tools ▾"}),
|
||||
|
|
Loading…
Reference in New Issue