Changed post size and aded screen size to newsfeed

luloxi · Sep 30, 2024 · 1bc4ccb · 1bc4ccb
1 parent 4abe0b8
commit 1bc4ccb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/nextjs/components/punk-society/NewsFeed.tsx b/packages/nextjs/components/punk-society/NewsFeed.tsx
@@ -9,7 +9,7 @@ type NewsFeedProps = {
 export const NewsFeed: React.FC<NewsFeedProps> = ({ posts }) => {
   return (
     <div className="mt-4 lg:mt-0 lg:flex lg:justify-center lg:items-center">
-      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 lg:my-4">
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-3 lg:mx-4">
         {posts.map(post => (
           <PostCard post={post} key={post.uri} />
         ))}

diff --git a/packages/nextjs/components/punk-society/PostCard.tsx b/packages/nextjs/components/punk-society/PostCard.tsx
@@ -27,7 +27,7 @@ export const PostCard = ({ post }: { post: Post }) => {
 
   return (
     <div className="flex justify-center items-center">
-      <div className={`card-compact bg-base-300 w-[75%] lg:w-[300px] relative group rounded-lg`}>
+      <div className={`card-compact bg-base-300 w-[90%] lg:w-[300px] relative group rounded-lg`}>
         {/* Image Section */}
         {post.image && post.image !== "https://ipfs.io/ipfs/" && (
           <div className="relative w-full h-0 pb-[100%] overflow-hidden">