RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign home page

Browse Source 
Signed-off-by: Al Asad Nur Riyad <asadnurriyad@gmail.com>
This commit is contained in:
Al Asad Nur Riyad
2023-05-06 15:41:36 +06:00
parent ee2c13ca91
commit 137ab83bab
7 changed files with 147 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/blog/card.vue
View File

@@ -27,16 +27,16 @@ withDefaults(defineProps<Props>(), {
</script>
<template>
<article class="group border m-2 overflow-hidden rounded-2xl shadow-lg text-zinc-700">
<article class="group border m-2 overflow-hidden rounded-2xl shadow-md text-zinc-700">
<NuxtLink :to="path">
<NuxtImg
:provider="provider"
class="lg:h-48 md:h-36 w-full object-cover object-center rounded-t-2xl shadow-lg group-hover:scale-[1.05] transition-all duration-500"
class="lg:h-48 md:h-36 w-full object-cover object-center rounded-t-2xl shadow-lg group-hover:scale-[1.02] transition-all duration-500"
:src="image"
:alt="alt"
/>
<div class="p-5">
<div class="text-black text-sm pt-4 pb-2">
<div class="px-3 pb-4">
<div class="text-black pt-3 pb-2">
<div class="flex items-center">
<LogoDate />
{{ date }}
@@ -48,13 +48,13 @@ withDefaults(defineProps<Props>(), {
</template>
</div>
</div>
<h2 class="text-2xl font-semibold text-black pb-1 group-hover:text-sky-700">
<h2 class="text-xl font-semibold text-black pb-1 group-hover:text-sky-700">
{{ title }}
</h2>
<p class="text-ellipsis line-clamp-3">
<p class="text-ellipsis line-clamp-2 text-base">
{{ description }}
</p>
<div class="flex group-hover:underline text-sky-700 items-center pt-2">
<div class="flex group-hover:underline text-sky-700 items-center py-2">
<p>Read More</p>
<LogoArrow />
</div>