feat: redesign layout

2026-04-26 11:24:18 +02:00
parent 73152773cc
commit 6bd4fcf20a
4 changed files with 16 additions and 19 deletions
@@ -20,13 +20,11 @@ onBeforeMount(async () => {
  <main>
    <h1 class="title" v-html="TITLE"></h1>
    <template v-for="(metadata, index) in articles" v-bind:key="index">
-      <div v-if="!metadata.draft && metadata.path" class="article">
+      <div v-if="!metadata.draft && metadata.path" class="article-item">
        <RouterLink :to="metadata.path">
-          <h3 v-html="metadata.title"></h3>
-          <span class="time"
-            ><span>Published on</span>&nbsp;&nbsp;{{ simpleDateFormat(metadata.date) }}</span
-          >
-          <img alt="thumbnail" :src="metadata.path + metadata.thumbnail" />
+          <h2 v-html="metadata.title"></h2>
+          <span class="article-published">Published on {{ simpleDateFormat(metadata.date) }}</span>
+          <img v-if="metadata.thumbnail" alt="thumbnail" :src="metadata.path + metadata.thumbnail" />
        </RouterLink>
      </div>
    </template>