arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-02-03 21:57:53 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Working

Browse Source
This commit is contained in:
Arthur Danjou
2021-07-03 22:33:44 +02:00
parent 2ac84ab39c
commit 91f9f78305
12 changed files with 255 additions and 1110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/blog/_slug.vue
View File

@@ -16,20 +16,20 @@
<h1 class="text-3xl md:text-5xl font-bold">
{{ post.title }}
</h1>
<h3 class="text-xl text-gray-800 dark:text-dark-100 my-4 md:mt-8">
<h3 class="text-xl text-gray-800 dark:text-gray-300 my-4 md:mt-8">
{{ post.description }}
</h3>
<div class="flex flex-row justify-between w-full md:w-2/3 mb-12">
<div>
<p class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">Date</p>
<p class="uppercase text-sm font-bold text-gray-800 dark:text-gray-400">Date</p>
<p>{{ formatDate }}</p>
</div>
<div>
<p class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">{{ $t('blog.read.time') }}</p>
<p class="uppercase text-sm font-bold text-gray-800 dark:text-gray-400">{{ $t('blog.read.time') }}</p>
<p>{{ post.reading_time }} min</p>
</div>
<div>
<p :class="post.tags.length === 0 ? 'opacity-0': 'opacity-100'" class="uppercase text-sm font-bold text-gray-800 dark:text-dark-100">Tags</p>
<p :class="post.tags.length === 0 ? 'opacity-0': 'opacity-100'" class="uppercase text-sm font-bold text-gray-800 dark:text-gray-400">Tags</p>
<p>{{ formatTags }}</p>
</div>
</div>