fix(ui): make 'View' button text visible on hover in docs/components page

faridulhaque · faridulhaque · commit 55a5fa71ae9d · 2025-11-11T23:53:39.000+06:00
diff --git a/.gitignore b/.gitignore
@@ -33,6 +33,7 @@ yarn-error.log*
 
 # env files (can opt-in for committing if needed)
 .env
+.env.local
 
 # vercel
 .vercel
diff --git a/src/components/ui/bento-grid/Bento.tsx b/src/components/ui/bento-grid/Bento.tsx
@@ -102,7 +102,7 @@ const BentoCard = ({
     >
       <Link
         href={props?.href}
-        className="flex items-center text-sm pointer-events-auto hover:bg-[var(--glass-color-2)] p-2 rounded-xl"
+        className="flex items-center text-sm pointer-events-auto hover:bg-[var(--glass-color-2)] hover:text-white p-2 rounded-xl"
       >
         <span>View</span>
         <ArrowRightIcon className="ms-2 h-4 w-4" />

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@ const BentoCard = ({`
`102`	`102`	`>`
`103`	`103`	`<Link`
`104`	`104`	`href={props?.href}`
`105`		`- className="flex items-center text-sm pointer-events-auto hover:bg-[var(--glass-color-2)] p-2 rounded-xl"`
	`105`	`+ className="flex items-center text-sm pointer-events-auto hover:bg-[var(--glass-color-2)] hover:text-white p-2 rounded-xl"`
`106`	`106`	`>`
`107`	`107`	`<span>View</span>`
`108`	`108`	`<ArrowRightIcon className="ms-2 h-4 w-4" />`