From 71e333fb632361257b52dc37a941333db9a627fa Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Tue, 12 Nov 2019 00:02:59 +0700
Subject: [PATCH] Revise header layout

---
 author.hbs | 6 ++++--
 page.hbs   | 4 +++-
 post.hbs   | 4 +++-
 tag.hbs    | 4 +++-
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/author.hbs b/author.hbs
index 06634c6..e475ea4 100644
--- a/author.hbs
+++ b/author.hbs
@@ -9,12 +9,13 @@
     <div class="h-full opacity-50 bg-black">
     </div>
   </div>
-  <div class="h-full flex flex-col justify-end items-begin absolute bottom-0 py-6 px-6">
+  <div class="absolute bottom-0 py-6 h-full left-0 right-0">
+   <div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64 h-full  flex flex-col justify-end items-begin">
     <div class="my-2">
       <p class="bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm">Author</p>
     </div>
     <div class="flex flex-row">
-      <div class="flex flex-col items-begin mr-2">
+      <div class="flex flex-col items-begin mr-4">
         {{#if profile_image}}
         <div class="my-2">
           <img class="rounded-full h-16" src="{{profile_image}}" alt="{{name}}" />
@@ -46,6 +47,7 @@
       <p>{{bio}}</p>
       {{/if}}
     </div>
+   </div>
   </div>
 </div>
 {{/author}}
diff --git a/page.hbs b/page.hbs
index 7b08824..e1e10c3 100644
--- a/page.hbs
+++ b/page.hbs
@@ -7,7 +7,8 @@
     <div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
     </div>
   </div>
-  <div class="absolute bottom-0 py-6 px-6">
+  <div class="absolute bottom-0 py-6 left-0 right-0">
+   <div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
     {{#if primary_tag}}
     {{#primary_tag}}
     <div>
@@ -18,6 +19,7 @@
     <div>
       <h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
     </div>
+   </div>
   </div>
   <div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
   {{> "site-header"}}
diff --git a/post.hbs b/post.hbs
index 591714c..ca603d1 100644
--- a/post.hbs
+++ b/post.hbs
@@ -7,7 +7,8 @@
     <div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
     </div>
   </div>
-  <div class="absolute bottom-0 py-6 px-6">
+  <div class="absolute bottom-0 py-6 left-0 right-0">
+   <div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
     {{#if primary_tag}}
     {{#primary_tag}}
     <div>
@@ -37,6 +38,7 @@
           <p>{{#has author="count:>2"}}Multiple authors{{else}}{{authors}}{{/has}}</p>
         </div>
       </div>
+   </div>
   </div>
   <div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
   {{> "site-header"}}
diff --git a/tag.hbs b/tag.hbs
index 4e89994..0356c54 100644
--- a/tag.hbs
+++ b/tag.hbs
@@ -9,7 +9,8 @@
     <div class="h-full opacity-50 bg-black">
     </div>
   </div>
-  <div class="h-full flex flex-col justify-end items-begin absolute bottom-0 py-6 px-6">
+  <div class="absolute bottom-0 py-6">
+   <div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
     <div>
       <p class="bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm">Tag</p>
     </div>
@@ -23,6 +24,7 @@
       <p>A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}</p>
       {{/if}}
     </div>
+   </div>
   </div>
 </div>
 {{/tag}}