padding

Prototypr · Jul 11, 2024 · c6f2ddf · c6f2ddf
1 parent 46d1422
commit c6f2ddf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/toolbox/HeroCardSectionSimple.js b/components/toolbox/HeroCardSectionSimple.js
@@ -37,7 +37,7 @@ const HeroCardSection = ({ post, tags, featuredImage, user }) => {
         ) : null}
         {/* <div className="absolute bottom-0 h-[250px] w-full bg-gradient-to-b from-gray-900/0 via-black/30 to-black/50 left-0 rounded-t-2xl z-0" /> */}
       </div>
-      <div className="relative w-full max-w-[1320px] mx-auto">
+      <div className="relative p-3 w-full max-w-[1320px] mx-auto">
         {/* <div style={{pointerEvents:'none'}} className="bg-black pointer-none opacity-[20%] w-full h-full absolute left-0 top-0"/> */}
         <div className="w-full z-10 grid grid-cols-12 lg:gap-8 flex pt-0 md:pt-4 p-4  justify-between ">
           <div className="flex order-2 md:order-1 col-span-12 w-full flex-col justify-between">
@@ -63,7 +63,7 @@ const HeroCardSection = ({ post, tags, featuredImage, user }) => {
                       />
                     </div>
 
-                    <div className="absolute top-0 right-0 p-4">
+                    <div className="absolute top-0 right-0 p-4 pr-6">
                       <div className="order-1 flex md:order-2 col-span-3 flex-col flex-none justify-end">
                         {/* hide on mobile */}
                         <div className="flex gap-4 flex-none">

diff --git a/pages/toolbox/[slug].js b/pages/toolbox/[slug].js
@@ -149,7 +149,7 @@ const ToolContent = ({
               {gallery.length ? (
                 <div
                   // className={`relative lg:bg-gradient-to-b backdrop-blur-sm from-black via-white to-white -mt-3 z-20 py-6 pt-0 lg:pt-5 col-span-3 order-2 pl-6 lg:order-1 ${gallery?.length ? "" : ""}`}
-                  className={`relative mt-1 mb-3 z-20 pt-0 col-span-3 order-2 mx-1 lg:order-1 ${gallery?.length ? "" : ""}`}
+                  className={`relative mt-1 mb-3 z-20 pt-0 col-span-3 order-2 mx-4 lg:order-1 ${gallery?.length ? "" : ""}`}
                 >
                   {/* <div className="hidden lg:block h-full w-full -mt-5 bg-gradient-to-b from-white/[0.01] to-white/[0.3] absolute left-0" /> */}
                   <div className="h-full min-h-[240px]">