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

fix latest desing issue

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2022-12-19 23:50:43 +06:00
parent b48a3ce1cf
commit a1c64d2a6f
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/CategoryCard.vue
View File

@@ -1,5 +1,7 @@
<template> <template>
<div class="bg-white mx-5 my-2 p-6 rounded-md shadow-lg group text-slate-800"> <div
class="basis-1/5 bg-white mx-5 my-2 p-5 rounded-md shadow-lg max-w-[530px] group text-slate-800"
>
<nuxt-link to="/category/js" class="group-hover:text-sky-500"> <nuxt-link to="/category/js" class="group-hover:text-sky-500">
<div class="flex items-center"> <div class="flex items-center">
<h4 class="text-2xl font-medium py-1">Typescript</h4> <h4 class="text-2xl font-medium py-1">Typescript</h4>

4
components/LatestBlogCard.vue
View File

@@ -9,7 +9,9 @@ const props = defineProps({
</script> </script>
<template> <template>
<div class="bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md shadow-lg group"> <div
class="basis-1/2 bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md shadow-lg group"
>
<nuxt-link :to="path" class="group-hover:text-sky-500"> <nuxt-link :to="path" class="group-hover:text-sky-500">
<h4 class="text-xl font-medium py-1">{{ title }}</h4> <h4 class="text-xl font-medium py-1">{{ title }}</h4>
</nuxt-link> </nuxt-link>

2
pages/tags/index.vue
View File

@@ -11,7 +11,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
ALL TAGS ALL TAGS
</h1> </h1>
<div class="flex justify-start flex-wrap"> <div class="flex justify-start flex-wrap">
<category-card v-for="n in 19" :key="n" /> <category-card v-for="n in 20" :key="n" />
</div> </div>
</div> </div>
</template> </template>