From 30b45d862dd6ec4f6adb0d548b0c9c55ff399244 Mon Sep 17 00:00:00 2001
From: fyzanshaik <fyzan.shaik@gmail.com>
Date: Thu, 25 Sep 2025 22:14:51 +0530
Subject: [PATCH 1/4] feat: enhance library card hover interactions and fix
 badge visibility

---
 src/routes/_libraries/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/_libraries/index.tsx b/src/routes/_libraries/index.tsx
index 365be51b..23dd9c11 100644
--- a/src/routes/_libraries/index.tsx
+++ b/src/routes/_libraries/index.tsx
@@ -173,7 +173,7 @@ function Index() {
                           `border-2 border-transparent rounded-xl shadow-md p-8 transition-all duration-300
                           bg-white/90 dark:bg-black/40 backdrop-blur-sm
                           dark:border-gray-800/50`,
-                          'hover:shadow-lg',
+                          'hover:shadow-2xl hover:shadow-current/20 hover:-translate-y-2 hover:border-current/30',
                           'relative group',
                           'min-h-[250px] xl:min-h-[220px]',
                           library.cardStyles
@@ -263,7 +263,7 @@ function Index() {
                           <>
                             <div
                               className={twMerge(
-                                `absolute -top-2 -right-2 z-20 px-2 py-1 rounded-md`,
+                                `absolute -top-2 -right-2 z-40 px-2 py-1 rounded-md`,
                                 [
                                   'bg-gradient-to-r',
                                   library.colorFrom,

From d4426fe46a43d00592cc161e202f7cda1220f917 Mon Sep 17 00:00:00 2001
From: fyzanshaik <fyzan.shaik@gmail.com>
Date: Sat, 18 Oct 2025 18:39:14 +0530
Subject: [PATCH 2/4] fix border corners when hover and make translate subtle

Signed-off-by: fyzanshaik <fyzan.shaik@gmail.com>
---
 package.json                    |  1 -
 src/routes/_libraries/index.tsx | 15 +++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 3fdaff0c..893cebec 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,6 @@
   "private": true,
   "sideEffects": false,
   "repository": "https://github.com/TanStack/tanstack.com.git",
-  "packageManager": "pnpm@9.4.0",
   "type": "module",
   "scripts": {
     "dev": "npm-run-all --parallel dev:frontend dev:backend",
diff --git a/src/routes/_libraries/index.tsx b/src/routes/_libraries/index.tsx
index 91b714aa..5ee194c5 100644
--- a/src/routes/_libraries/index.tsx
+++ b/src/routes/_libraries/index.tsx
@@ -141,9 +141,9 @@ function Index() {
               </p>
             </div>
           </div>
-          <div className="w-fit mx-auto px-4">
-            <OpenSourceStats />
-          </div>
+        <div className="w-fit mx-auto px-4">
+          <OpenSourceStats />
+        </div>
         </div>
         <div className="px-4 lg:max-w-(--breakpoint-lg) md:mx-auto">
           <h3 className={`text-4xl font-light`}>Open Source Libraries</h3>
@@ -170,10 +170,9 @@ function Index() {
                         to={library.to ?? '#'}
                         params
                         className={twMerge(
-                          `border-2 border-transparent rounded-xl shadow-md p-8 transition-all duration-300
-                          bg-white/90 dark:bg-black/40 backdrop-blur-sm
-                          dark:border-gray-800/50`,
-                          'hover:shadow-2xl hover:shadow-current/20 hover:-translate-y-2 hover:border-current/30',
+                          `border-2 border-gray-200 dark:border-gray-800/50 rounded-xl shadow-md p-8 transition-all duration-300
+                          bg-white/90 dark:bg-black/40 backdrop-blur-sm`,
+                          'hover:shadow-2xl hover:shadow-current/20 hover:border-current/50 hover:-translate-y-1',
                           'relative group',
                           'min-h-[250px] xl:min-h-[220px]',
                           library.cardStyles
@@ -227,7 +226,7 @@ function Index() {
 
                         {/* Foreground content that appears on hover */}
                         <div
-                          className="absolute inset-0 z-30 bg-white/95 dark:bg-black/95 p-6
+                          className="absolute inset-0 z-30 bg-white/95 dark:bg-black/95 p-6 rounded-xl
                           backdrop-blur-sm flex flex-col justify-center opacity-0 group-hover:opacity-100
                           transition-opacity duration-300"
                         >

From dfa99847b17ec4eaa658ec839b58d6a1cd6fe492 Mon Sep 17 00:00:00 2001
From: fyzanshaik <fyzan.shaik@gmail.com>
Date: Sun, 19 Oct 2025 02:50:08 +0530
Subject: [PATCH 3/4] put back packageManager

Signed-off-by: fyzanshaik <fyzan.shaik@gmail.com>
---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 893cebec..3fdaff0c 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "private": true,
   "sideEffects": false,
   "repository": "https://github.com/TanStack/tanstack.com.git",
+  "packageManager": "pnpm@9.4.0",
   "type": "module",
   "scripts": {
     "dev": "npm-run-all --parallel dev:frontend dev:backend",

From 00047ca7b5d0df2db5dd088ff1e5f9b019011e7b Mon Sep 17 00:00:00 2001
From: SeanCassiere <33615041+SeanCassiere@users.noreply.github.com>
Date: Sun, 19 Oct 2025 12:48:10 +1300
Subject: [PATCH 4/4] style(prettier): run formatter

---
 src/routes/_libraries/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/_libraries/index.tsx b/src/routes/_libraries/index.tsx
index 5ee194c5..ba85f996 100644
--- a/src/routes/_libraries/index.tsx
+++ b/src/routes/_libraries/index.tsx
@@ -141,9 +141,9 @@ function Index() {
               </p>
             </div>
           </div>
-        <div className="w-fit mx-auto px-4">
-          <OpenSourceStats />
-        </div>
+          <div className="w-fit mx-auto px-4">
+            <OpenSourceStats />
+          </div>
         </div>
         <div className="px-4 lg:max-w-(--breakpoint-lg) md:mx-auto">
           <h3 className={`text-4xl font-light`}>Open Source Libraries</h3>