Damillora/Yuika
1
0
Fork 0
mirror of https://github.com/Damillora/Yuika synced 2024-11-22 09:17:33 +00:00
Code Issues Releases Wiki Activity

Revise header layout

Browse Source
This commit is contained in:
Damillora 2019-11-12 00:02:59 +07:00
parent 117909e37f
commit 71e333fb63
4 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
author.hbs
View File

@ -9,12 +9,13 @@
<div class="h-full opacity-50 bg-black"> <div class="h-full opacity-50 bg-black">
</div> </div>
</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"> <div class="my-2">
<p class="bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm">Author</p> <p class="bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm">Author</p>
</div> </div>
<div class="flex flex-row"> <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}} {{#if profile_image}}
<div class="my-2"> <div class="my-2">
<img class="rounded-full h-16" src="{{profile_image}}" alt="{{name}}" /> <img class="rounded-full h-16" src="{{profile_image}}" alt="{{name}}" />
@ -48,6 +49,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
{{/author}} {{/author}}
<div class="flex flex-wrap justify-start post-feed content w-full px-4"> <div class="flex flex-wrap justify-start post-feed content w-full px-4">

4
page.hbs
View File

@ -7,7 +7,8 @@
<div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity"> <div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
</div> </div>
</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}} {{#if primary_tag}}
{{#primary_tag}} {{#primary_tag}}
<div> <div>
@ -19,6 +20,7 @@
<h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1> <h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
</div> </div>
</div> </div>
</div>
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar"> <div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
{{> "site-header"}} {{> "site-header"}}
</div> </div>

4
post.hbs
View File

@ -7,7 +7,8 @@
<div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity"> <div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
</div> </div>
</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}} {{#if primary_tag}}
{{#primary_tag}} {{#primary_tag}}
<div> <div>
@ -38,6 +39,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar"> <div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
{{> "site-header"}} {{> "site-header"}}
</div> </div>

4
tag.hbs
View File

@ -9,7 +9,8 @@
<div class="h-full opacity-50 bg-black"> <div class="h-full opacity-50 bg-black">
</div> </div>
</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> <div>
<p class="bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm">Tag</p> <p class="bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm">Tag</p>
</div> </div>
@ -25,6 +26,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
{{/tag}} {{/tag}}
<div class="flex flex-wrap justify-start post-feed content w-full px-4"> <div class="flex flex-wrap justify-start post-feed content w-full px-4">