fsdg

neerajrekwar · Sep 3, 2024 · 6da3970 · 6da3970
1 parent 90cff5b
commit 6da3970
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/app/blog/first-post/page.tsx b/app/blog/first-post/page.tsx
@@ -1,4 +1,4 @@
-import { IconShare, IconLink, IconHeartFilled } from '@tabler/icons-react';
+import { IconShare, IconLink, IconHeartFilled, IconQuote } from '@tabler/icons-react';
 import posts from '../data/posts.json';
 import LikeButton from '@/app/components/LikeButton';
 import Image from "next/image"
@@ -8,7 +8,7 @@ const post = posts.find(p => p.slug === 'first-post');
 export default function FirstPostPage() {
   return (
 
-    <main className="prose min-h-screen max-w-5xl  m-auto text-four mx-auto p-2">
+    <main className="prose min-h-screen max-w-5xl bg-primary m-auto text-four mx-auto p-2">
       <section className='mb-44'>
         <p className='p-[4px] font-semibold flex justify-center rounded-full items-center my-10 max-w-fit m-auto text-four border-2 border-four bg-primary px-2 uppercase text-sm'>think it</p>
         <article className="prose max-w-none min-h-screen p-4">
@@ -31,7 +31,7 @@ export default function FirstPostPage() {
               {post?.duration}
             </span>
           </div>
-          <p className='first-letter:text-2xl first-letter:font-bold first-letter:ml-1 '>
+          <p className='first-letter:text-xl text-sm p-2  rounded-sm my-2 first-letter:font-bold first-letter:ml-1 '>
             {post?.description}
 
           </p>
@@ -60,6 +60,11 @@ export default function FirstPostPage() {
           )}
 
           {/* Additional post content */}
+          <div className='max-w-6xl m-auto'>
+
+            <IconQuote className='skew-x-12 rotate-120'/>
+            <IconQuote className=''/>
+          </div>
         </article>
 
       </section>

diff --git a/app/blog/page.tsx b/app/blog/page.tsx
@@ -32,8 +32,8 @@ export default function BlogIndexPage() {
         </div>
         <ul className="basis-2/2 max-w-5xl m-auto flex-col flex gap-6">
           {posts.map((post) => (
-            <li key={post.slug} className="p-2 border-b-2 border-seven  sm:flex gap-10 flex-row-reverse m-2">
-              <div className="basis-1/4  flex justify-center items-center aspect-video overflow-hidden border-red-400">
+            <li key={post.slug} className="p-2 border-b-2 bg-custom-radial-sm md:bg-none rounded border-seven  sm:flex gap-10 flex-row-reverse m-2">
+              <div className="basis-1/4  rounded flex justify-center items-center aspect-video overflow-hidden border-red-400">
                 {post.imageUrl ? (
                   <Image
                     className="w-full  aspect-square object-cover"