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