Damillora/Yuika
1
0
Fork 0
mirror of https://github.com/Damillora/Yuika synced 2024-09-28 19:52:50 +00:00
Code Issues Releases Wiki Activity

Add spacing at the bottom and layout changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/styles.css
View File

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

35
post.hbs
View File

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