1
0
mirror of https://github.com/Damillora/Yuika synced 2024-11-05 02:17:32 +00:00

add styles

This commit is contained in:
Damillora 2019-11-09 20:19:36 +07:00
parent d7017cb145
commit f89eeaaaec
2 changed files with 37 additions and 4 deletions

View File

@ -39,10 +39,10 @@ header {
}
#post a {
color: #085d93;
@apply underline;
}
#post .kg-card {
@apply px-4 py-4 flex flex-col items-center border-2 object-contain my-4;
@apply px-4 py-4 flex flex-col items-center object-contain my-4;
}
#post .kg-card figcaption {
@apply text-sm text-gray-800 mt-2;
@ -58,6 +58,39 @@ header {
@apply mx-1;
}
#post .kg-bookmark-card {
@apply text-black;
}
#post .kg-bookmark-container {
@apply flex flex-row justify-between text-black border border-gray-500;
}
#post .kg-bookmark-content {
@apply w-2/3 py-4 px-4;
}
#post .kg-bookmark-thumbnail {
@apply w-1/3 h-full;
}
#post .kg-bookmark-thumbnail img {
@apply w-full h-full object-cover;
}
#post .kg-bookmark-title {
@apply font-medium text-xl no-underline mb-1;
}
#post .kg-bookmark-description {
@apply font-light text-sm my-2;
}
#post .kg-bookmark-metadata {
@apply flex flex-row items-start justify-end h-6 my-4;
}
#post .kg-bookmark-icon {
@apply h-full mx-2;
}
#post .kg-bookmark-author {
@apply text-sm text-blue-700 truncate;
}
#post .kg-bookmark-publisher {
@apply text-sm text-blue-700 truncate;
}
footer {
background-color: #085d93;
@apply py-4 px-4;

View File

@ -56,7 +56,7 @@
<div class="w-1/3">
<a href="{{url}}">
<div class="flex flex-col items-end">
<p class="text-xl text-blue-500">Previous post</p>
<p class="text-xl text-blue-700">Previous post</p>
<p>{{title}}</p>
</div>
</a>
@ -66,7 +66,7 @@
<div class="w-1/3">
<a href="{{url}}">
<div class="flex flex-col items-begin">
<p class="text-xl text-blue-500">Next post</p>
<p class="text-xl text-blue-700">Next post</p>
<p>{{title}}</p>
</div>
</a>