hero image shadow, doc width

Prototypr · Jun 29, 2024 · 919065d · 919065d
1 parent f7abb73
commit 919065d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/pages/post/[slug].js b/pages/post/[slug].js
@@ -307,7 +307,7 @@ export default function Post({
                     </div>
                   </div>
                   <div className="px-4 xl:px-0 max-w-full w-[1300px] mx-auto z-30 -mt-[132px] md:-mt-[86px] relative md:rounded-3xl">
-                    <div className="relative rounded-3xl shadow-sm max-w-full">
+                    <div className="relative rounded-2xl shadow-md max-w-full border border-gray-100/80">
                       <div className="animate-pulse z-10 absolute top-0 left-0 duration-50  max-w-full md:bg-gray-100 mx-auto z-30 rounded-2xl" />
                       <Image
                         key={image}
@@ -316,15 +316,15 @@ export default function Post({
                         blurDataURL={post?.attributes?.base64}
                         height={550}
                         loader={gumletLoader}
-                        className="h-full z-20 relative w-full object-contain rounded-3xl max-w-full"
+                        className="h-full z-20 relative w-full object-contain rounded-2xl max-w-full"
                         src={image}
                       />
                     </div>
                   </div>
 
                   <div className="z-0 -mt-4 h-[60%] w-full bg-gradient-to-b from-blue-100/50 to-gray-100/20 absolute top-0 left-0" />
                 </div>
-                <article className="z-10 relative px-6 max-w-full w-[1300px] mx-auto grid grid-cols-12">
+                <article className="z-10 relative px-6 lg:px-0 max-w-full w-[1320px] mx-auto grid grid-cols-12">
                   {/* <Head> */}
                   {/* <title>
                   {post.attributes?.title} | Prototypr
@@ -334,7 +334,7 @@ export default function Post({
                   <div className="hidden sticky top-6 mt-8 h-fit lg:col-span-1 lg:block">
                     <LikeButton post={post} user={user} />
                   </div>
-                  <div className="max-w-full col-span-12 md:col-span-9 lg:col-span-8 lg:pl-[10%] md:pr-4 lg:pr-0">
+                  <div className="max-w-full col-span-12 md:col-span-9 lg:col-span-8 lg:pl-[18%] md:pr-4 lg:pr-0">
                     <div
                       className="max-w-full blog-content w-[44rem] mt-10 mx-auto"
                       dangerouslySetInnerHTML={{