Fixing layout

This commit is contained in:
2020-07-23 00:01:24 +01:00
parent 29233272f0
commit 524a2be012
3 changed files with 22 additions and 23 deletions

View File

@@ -16,17 +16,13 @@
{{ end }}
{{ end }}
<li class="nav-item" id="nav-search">
<!-- <li class="nav-item d-none d-md-block" id="nav-search"> -->
<form id="search-form" method="get" action="/search/" method="POST" class="form-inline">
<input type="text" name="q" id="search" class="form-control form-control-sm" placeholder="Search">
<div class="input-group ">
<div class="input-group-append">
<!-- <div> -->
<button type="submit" id="search-button" class="btn btn-primary"> <i class="fa fa-search fa-sm"></i></button>
<!-- <button type="submit" id="search-button" class="btn btn-primary form-control form-control-sm"> <i class="fa fa-search"></i></button> -->
</div>
</form>
<!-- <i class="fas fa-search" data-fa-transform="down-5"></i> -->
</li>
</ul>
</div>

View File

@@ -4,7 +4,7 @@
<main class="content-page container-fluid pt-7 pb-5">
{{ $page := . }}
<div class="row justify-content-center">
<div class="col-12 col-lg-7 order-1 order-lg-0 shadow-lg" style="background-color: white;">
<div class="col-12 col-lg-7 order-1 order-lg-0 shadow-lg">
{{- with .Resources.Match "images/banner.svg" -}}
{{ range . }}
<div class="row justify-content-center mb-3">
@@ -18,19 +18,20 @@
<div class="row justify-content-center">
<div class="col-lg-9">
<h1 class="card-title-gray pt-4">{{ $page.Title }}</h1>
<div class="d-inline-flex justify-content-between align-items-stretch post-info">
<div>{{ partial "authors.html" $page }}</div>
<div class="text-muted mb-3 d-flex flex-column justify-content-start">
<div>
<p class="text-muted">Posted on</p>
<div class="row">
{{/* <div class="d-flex justify-content-end align-items-stretch post-info"> */}}
<div class="col-6">{{ partial "authors.html" $page }}</div>
<div class="text-muted mb-3 d-flex flex-column justify-content-start col-6">
<div>
<p class="text-muted">Posted on</p>
</div>
<div>
<p class="created text-muted text-uppercase font-weight-bold mb-1">{{ $page.Date.Format "January 2, 2006" }}</p>
<span class="mr-2"><i class="fas fa-book-open mr-2"></i>{{ $page.WordCount }} words</span>
<span><i class="fas fa-clock mr-2"></i>{{ $page.ReadingTime }} min read</span>
</div>
</div>
<div>
<p class="created text-muted text-uppercase font-weight-bold mb-1">{{ $page.Date.Format "January 2, 2006" }}</p>
<span class="mr-2"><i class="fas fa-book-open mr-2"></i>{{ $page.WordCount }} words</span>
<span><i class="fas fa-clock mr-2"></i>{{ $page.ReadingTime }} min read</span>
</div>
</div>
{{/* </div> */}}
</div>
</div>
</div>