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

add sidebar

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2022-12-11 22:30:55 +06:00
parent 4ad57c3c5f
commit 2dac6320ea
6 changed files with 42 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pages/index.vue
View File

@@ -4,21 +4,28 @@ let x = ref(10);
<template>
<div
class="container px-5 mx-auto max-w-6xl flex font-poppins space-x-5 antialiased"
class="container px-5 mx-auto max-w-6xl flex font-poppins gap-7 antialiased"
>
<div class="flex-1">
<h1 class="text-xl pb-8 tracking-wide text-[#e60067]">
RECENTLY PUBLISHED
</h1>
<div class="space-y-8">
<blog-card v-for="n in 10" :key="n" />
<blog-card v-for="n in 7" :key="n" />
</div>
</div>
<div class="max-w-[300px]">
<div class="max-w-[400px]">
<div>
<h2 class="text-xl pb-8 tracking-wide text-[#e60067]">
TOP CATEGORIES
</h2>
<topic-card />
<h2 class="text-xl py-8 tracking-wide text-[#e60067]">
POPULAR CONTENT
</h2>
<div class="space-y-5">
<one-line-card v-for="n in 5" :key="n" />
</div>
</div>
</div>
</div>