1
0
mirror of https://github.com/Damillora/Yuika synced 2024-09-28 19:52:50 +00:00

Header design fixes

This commit is contained in:
Damillora 2020-11-11 18:46:22 +07:00
parent 9e55da311f
commit b5597c68a0
3 changed files with 11 additions and 5 deletions

View File

@ -39,10 +39,16 @@ header {
@apply transition duration-300 ease-in-out h-full;
background-color: rgba(0,0,0,0.5);
}
.index-header {
min-height: 200px;
height: 50vh;
}
@screen md {
.index-header {
min-height: 300px;
height: 70vh;
}
}
.no-image {
@apply bg-yuika-blue-500
}

View File

@ -13,10 +13,10 @@
{{/if}}
<a href="{{@site.url}}" class="block flex flex-col pl-4 flex-grow">
<div class="">
<h1 class="text-4xl font-light text-white">{{@site.title}}</h1>
<h1 class="text-2xl md:text-4xl font-light text-white">{{@site.title}}</h1>
</div>
<div class="">
<p class="text-xl font-light text-white">{{@site.description}}</p>
<p class="text-lg md:text-xl font-light text-white">{{@site.description}}</p>
</div>
</a>
</div>

View File

@ -1,7 +1,7 @@
{
"name": "yuika",
"description": "nanao.moe's blog theme",
"version": "2.1.1",
"version": "2.1.2",
"engines": {
"ghost-api": "v3"
},