Trying to fix postcard width on mobile

luloxi · Oct 20, 2024 · 3c97ab4 · 3c97ab4
1 parent 42fd499
commit 3c97ab4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/nextjs/app/profile/[address]/page.tsx b/packages/nextjs/app/profile/[address]/page.tsx
@@ -290,7 +290,7 @@ const ProfilePage: NextPage = () => {
             Revenue
           </button>
         </div>
-        <NewsFeed posts={posts} />
+        <NewsFeed posts={posts} isGrid={false} />
         <div ref={lastPostElementRef}></div>
         {loadingMore && <LoadingBars />}
       </div>

diff --git a/packages/nextjs/components/punk-society/PostCard.tsx b/packages/nextjs/components/punk-society/PostCard.tsx
@@ -23,7 +23,7 @@ export interface Post extends Partial<NFTMetaData> {
   date?: string;
 }
 
-export const PostCard = ({ post, isGrid }: { post: Post; isGrid: boolean }) => {
+export const PostCard = ({ post }: { post: Post; isGrid: boolean }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
   // const [showCommentSection, setShowCommentSection] = useState(false);
 
@@ -63,7 +63,7 @@ export const PostCard = ({ post, isGrid }: { post: Post; isGrid: boolean }) => {
 
   return (
     <div className="flex justify-center items-center">
-      <div className={`card-compact bg-base-300 ${isGrid ? "w-[300px]" : "w-[100%]"} relative group rounded-lg`}>
+      <div className={`card-compact bg-base-300 w-full lg:w-[300px] relative group rounded-lg`}>
         <div className="flex space-x-3 p-3 items-center">
           <ProfileAddress address={post.user} />
         </div>