mirror of
https://github.com/BBaoVanC/bobatheme.git
synced 2024-12-22 04:13:17 -06:00
Redesign header/navbar
This commit is contained in:
parent
c81eb34a4a
commit
3cd01fc8c1
@ -1,8 +1,4 @@
|
||||
/* Layout */
|
||||
.header {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.page {
|
||||
display: flex;
|
||||
}
|
||||
@ -21,6 +17,10 @@
|
||||
padding: 14px 20px;
|
||||
}
|
||||
|
||||
.navbar-items {
|
||||
float: right;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
@ -48,17 +48,8 @@ body {
|
||||
|
||||
|
||||
/* Styling */
|
||||
.header {
|
||||
text-align: center;
|
||||
background: #1a406b;
|
||||
color: lightgray;
|
||||
}
|
||||
.header h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
background-color: #222;
|
||||
background-color: #091a2c;
|
||||
}
|
||||
#navbar a {
|
||||
color: lightgray;
|
||||
@ -66,7 +57,7 @@ body {
|
||||
text-decoration: none;
|
||||
}
|
||||
#navbar a:hover {
|
||||
background-color: #444;
|
||||
background-color: #0e2a46;
|
||||
color: white;
|
||||
}
|
||||
.side {
|
||||
|
@ -4,7 +4,6 @@
|
||||
{{- partial "head.html" . -}}
|
||||
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
{{ partial "navbar.html" . }}
|
||||
|
||||
<div class="page">
|
||||
|
@ -1,3 +0,0 @@
|
||||
<div class="header">
|
||||
<h1>{{ .Site.Title | markdownify }}</h1>
|
||||
</div>
|
@ -1,6 +1,11 @@
|
||||
<nav id="navbar">
|
||||
<a href="{{ "/" | relURL }}">Home</a>
|
||||
<div class="navbar-title">
|
||||
<a href="{{ "/" | relURL }}">{{ .Site.Title | markdownify }}</a>
|
||||
</div>
|
||||
|
||||
<div class="navbar-items">
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</nav>
|
||||
|
Loading…
Reference in New Issue
Block a user