To v 16.1.1: merge card css classes
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<template v-if="post">
|
||||
<NuxtLink class="post-card" :to="post?.path">
|
||||
<img :src="post?.coverImage" :alt="post?.title + '’s cover image'"/>
|
||||
<div class="post-card-content">
|
||||
<NuxtLink class="card" :to="post?.path">
|
||||
<img width="256" :src="post?.coverImage" :alt="post?.title + '’s cover image'"/>
|
||||
<div class="card-content">
|
||||
<h3 :title="post?.title">{{ post?.title }}</h3>
|
||||
<p style="margin-block: 0.25em" :title="post?.description">{{ post?.description }}</p>
|
||||
<p class="post-more-info" :title="useFormatDate(post?.dateUpdated)">📅 {{ useRelativeDate(post?.dateUpdated) }}</p>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<section class="post-card-container">
|
||||
<section class="card-container">
|
||||
<template v-for="post in posts" :key="post.id">
|
||||
<PostCard :post="post" />
|
||||
</template>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<template v-if="project">
|
||||
<NuxtLink class="project-card" :to="project?.path">
|
||||
<NuxtLink class="card" :to="project?.path">
|
||||
<img :src="project?.logo" :alt="project?.title + '’s cover image'"/>
|
||||
<div class="project-card-content">
|
||||
<div class="card-content">
|
||||
<h3 :title="project?.title">{{ project?.title }}</h3>
|
||||
<p style="margin-block: 0.25em" :title="project?.description">{{ project?.description }}</p>
|
||||
<p class="post-more-info" :title="useFormatDate(project?.dateUpdated)">📅 {{ useRelativeDate(project?.dateUpdated) }}</p>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<section class="post-card-container">
|
||||
<section class="card-container">
|
||||
<template v-for="project in projects" :key="project.id">
|
||||
<ProjectCard :project="project" />
|
||||
</template>
|
||||
|
||||
@@ -10,7 +10,7 @@ import WebThemeToggle from './web-theme-toggle.vue';
|
||||
<p class="web-footer-notice">
|
||||
Copyright © Techit Thawiang 2025 (2568). All rights reserved.<br>
|
||||
PGP/GPG Key: <code style="font-size: 12px;"><a href="https://files.thawia.ng/files/Techit Thawiang_0xE649CED321557334_public.asc">4116 33BE 1B4A 19D4 8D77 9ADE E649 CED3 2155 7334</a></code><br>
|
||||
Powered by <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>. <a class="link" href="https://github.com/TechitWinner/web">Source Code</a> is available under GPL-3.0 license.
|
||||
Powered by <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>; Website is available under <a class="link" href="https://github.com/TechitWinner/web">GPL-3.0</a>.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user