fix #55, plus lil style nonsense

Prototypr · Jun 30, 2024 · e731b17 · e731b17
1 parent 3ddeb62
commit e731b17
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/components/toolbox/HeroCard.js b/components/toolbox/HeroCard.js
@@ -37,7 +37,7 @@ const HeroCard = ({logo, post, tags, featuredImage}) =>{
                       />
                     </div>
                     <div className="flex flex-col text-white justify-center">
-                      <h1 className="text-5xl line-clamp-2 mb-0 tracking-tight font-semibold drop-shadow-lg text-white">
+                      <h1 className="text-6xl line-clamp-2 my-2.5 tracking-tight font-semibold drop-shadow-lg text-white">
                         {post?.attributes?.title}
                       </h1>
                       {post?.attributes?.excerpt ? (

diff --git a/components/toolbox/HeroCardSection.js b/components/toolbox/HeroCardSection.js
@@ -60,7 +60,7 @@ const HeroCardSection = ({ post, tags, featuredImage, user }) => {
                     />
                   </div>
                   <div className="flex flex-col text-white justify-center">
-                    <h1 className="text-5xl line-clamp-2 mb-0 tracking-tight font-semibold drop-shadow-lg text-white">
+                    <h1 className="text-6xl line-clamp-2 my-2.5 tracking-tight font-semibold drop-shadow-lg text-white">
                       {post?.attributes?.title}
                     </h1>
                     {post?.attributes?.excerpt ? (

diff --git a/pages/news/[slug].js b/pages/news/[slug].js
@@ -19,6 +19,8 @@ import Image from "next/image";
 import gumletLoader from "@/lib/imageloader";
 import getSponsors from "@/lib/utils/getSponsors";
 import ToolBackgroundCard from "@/components/v4/card/ToolBackgroundCard";
+import LikeButton from "@/components/LikeButton";
+import useUser from "@/lib/iron-session/useUser";
 
 const Footer = dynamic(() => import("@/components/footer"));
 
@@ -54,6 +56,8 @@ export default function Post({
   sponsors,
   navSponsor,
 }) {
+  const { user } = useUser();
+
   const router = useRouter();
   if (!router.isFallback && !post?.attributes.slug) {
     return <ErrorPage statusCode={404} />;
@@ -232,7 +236,10 @@ export default function Post({
           maxWidth="w-full px-3 xl:px-0 pb-20 mt-3 relative z-0 relative w-full h-full  max-w-[1320px] mx-auto"
         >
           <div className="grid gap-8 grid-cols-12 mt-8">
-            <div className="col-span-12 lg:col-span-9 ">
+            <div className="hidden sticky top-3 -mt-3 h-fit lg:col-span-1 lg:block">
+              <LikeButton post={post} user={user} />
+            </div>
+            <div className="col-span-12 lg:col-span-8 ">
               <NewsPageFeatured
                 faviconUrl={faviconUrl}
                 ogImage={ogImage}

diff --git a/pages/toolbox/[slug].js b/pages/toolbox/[slug].js
@@ -137,7 +137,7 @@ const ToolContent = ({
             <div className="hidden sticky top-6 h-fit lg:col-span-1 lg:block">
               <LikeButton post={post} user={user} />
             </div>
-            <div className="col-span-3 border border-gray-300/60 rounded-2xl overflow-hidden lg:col-span-8 flex flex-col gap-3 bg-white">
+            <div className="col-span-3 border border-gray-300/60 rounded-2xl overflow-hidden lg:col-span-8 flex flex-col gap-3 bg-white h-fit">
               <div className="grid gap-3 md:px-0 -mb-4">
                 <HeroCardSection
                   post={post}