fix: minor ui fix

VineeTagarwaL-code · Sep 28, 2024 · f45e4c0 · f45e4c0
1 parent 5f70a10
commit f45e4c0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/app/actions/blog.action.ts b/src/app/actions/blog.action.ts
@@ -24,7 +24,6 @@ const getBlogs = withServerActionAsyncCatcher(async () => {
   const fileArray = repoFileTree.tree.filter((file: any) =>
     file.path.includes(".mdx")
   );
-
   const meta: Meta[] = [];
 
   for (const file of fileArray) {

diff --git a/src/components/Link-blogs.tsx b/src/components/Link-blogs.tsx
@@ -17,22 +17,22 @@ export const LinkBlogs = (post: Meta) => {
 
   return (
     <Link href={`/blog/${post.id}`}>
-      <div className="hover:scale-[1.04] transition-all rounded-xl bg-white/40 dark:bg-stone-900/60 px-6 py-7 mb-6 relative">
+      <div className="hover:scale-[1.04] transition-all rounded-xl bg-white/40 dark:bg-stone-900/60 px-6 py-7 mb-6 relative z-40">
         <h2
           className="font-semibold text-2xl md:text-3xl relative group"
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          {isHovering && (
+          {!isHovering && (
             <motion.div
-              className="rounded-2xl overflow-hidden hidden md:block"
+              className="rounded-2xl overflow-hidden hidden md:block z-50"
               initial={{ opacity: 0, scale: 0.8 }}
               animate={{ opacity: 1, scale: 1 }}
               exit={{ opacity: 0, scale: 0.8 }}
               transition={{ duration: 0.2 }}
               style={{
                 position: "absolute",
-                top: 50,
+                top: 38,
                 right: 60,
                 pointerEvents: "none",
                 zIndex: 50,
@@ -44,7 +44,7 @@ export const LinkBlogs = (post: Meta) => {
                 width={300}
                 height={300}
                 objectFit="cover"
-                className="rounded-2xl "
+                className="rounded-2xl z-50 "
               />
             </motion.div>
           )}