Add spacing at the bottom and layout changes

This commit is contained in:
Damillora 2019-11-12 01:07:59 +07:00
parent 0195de5bad
commit b08ef24805
2 changed files with 20 additions and 19 deletions

View File

@ -160,6 +160,10 @@ footer {
background-color: #085d93;
z-index: 10;
}
.content {
@apply pb-32;
}
@tailwind components;
@tailwind utilities;

View File

@ -47,39 +47,36 @@
<div class="px-4">
<main class="container mx-auto content" id="post">
<div class="px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
{{content}}
</div>
</main>
<div class="container mx-auto">
<div class="px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
{{content}}
</div>
<div class="px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
<div class="my-4" id="comments">
</div>
<div class="my-4 flex flex-row justify-between">
{{#prev_post}}
<div class="w-1/3">
<a href="{{url}}">
<div class="flex flex-col items-end">
<p class="text-xl text-blue-700">Previous post</p>
<p>{{title}}</p>
</div>
</a>
<a href="{{url}}">
<div class="flex flex-col items-end">
<p class="text-xl text-blue-700">Previous post</p>
<p>{{title}}</p>
</div>
</a>
</div>
{{/prev_post}}
{{#next_post}}
<div class="w-1/3">
<a href="{{url}}">
<div class="flex flex-col items-begin">
<p class="text-xl text-blue-700">Next post</p>
<p>{{title}}</p>
</div>
</a>
<a href="{{url}}">
<div class="flex flex-col items-begin">
<p class="text-xl text-blue-700">Next post</p>
<p>{{title}}</p>
</div>
</a>
</div>
{{/next_post}}
</div>
</div>
</div>
</div>
</main>
{{/post}}
</article>