mirror of
https://github.com/Damillora/Yuika
synced 2024-11-05 10:27:32 +00:00
update page layout
This commit is contained in:
parent
18a04f4a3c
commit
ea8063e51c
@ -166,7 +166,7 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-article {
|
.post-article {
|
||||||
@apply pb-32 pt-8;
|
@apply pb-32;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
13
page.hbs
13
page.hbs
@ -1,7 +1,6 @@
|
|||||||
{{!< default}}
|
{{!< default}}
|
||||||
|
|
||||||
{{#post}}
|
{{#post}}
|
||||||
<article>
|
|
||||||
<div class="relative group index-header">
|
<div class="relative group index-header">
|
||||||
{{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
|
{{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
|
||||||
<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">
|
||||||
@ -9,13 +8,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="absolute bottom-0 py-6 left-0 right-0">
|
<div class="absolute bottom-0 py-6 left-0 right-0">
|
||||||
<div class="container mx-auto content-full">
|
<div class="container mx-auto content-full">
|
||||||
{{#if primary_tag}}
|
|
||||||
{{#primary_tag}}
|
|
||||||
<div>
|
|
||||||
<a href="{{url}}"><p class="bg-green-700 w-auto inline-block px-2 py-1 text-white text-sm">{{name}}</p></a>
|
|
||||||
</div>
|
|
||||||
{{/primary_tag}}
|
|
||||||
{{/if}}
|
|
||||||
<div>
|
<div>
|
||||||
<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>
|
||||||
@ -24,13 +16,12 @@
|
|||||||
{{> "site-header"}}
|
{{> "site-header"}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="px-4">
|
<article class="post-article">
|
||||||
<main class="container mx-auto content" id="post">
|
<main class="content container" id="post">
|
||||||
<div class="content-full">
|
<div class="content-full">
|
||||||
{{content}}
|
{{content}}
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
|
||||||
{{/post}}
|
{{/post}}
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user