ourworld_web/www_mycelium_cloud2
22
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-18 20:09:48 +02:00
parent b7f25d712f
commit 45364a7452
5 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ui/bento-grid.tsx
View File

@@ -39,11 +39,11 @@ export const BentoGridItem = ({
return (
<div
className={cn(
"group/bento shadow-input row-span-1 flex flex-col justify-between border border-black bg-black/20 backdrop-blur-sm transition-all duration-300 ease-in-out hover:scale-105 hover:border-black hover:bg-black/40",
"group/bento shadow-input row-span-1 flex flex-col justify-between rounded-xl border border-black bg-black/10 backdrop-blur-md transition-all duration-300 ease-in-out hover:scale-105 hover:border-black hover:bg-black/40",
className,
)}
>
<div className="flex flex-1 w-full h-full min-h-[6rem] bg-black overflow-hidden">
<div className="flex flex-1 w-full h-full min-h-[6rem] bg-transparent overflow-hidden">
{video ? (
<video
src={video}
@@ -57,7 +57,7 @@ export const BentoGridItem = ({
<Image src={img} alt={title as string} width={300} height={300} className="w-full h-full object-cover opacity-90 group-hover/bento:opacity-100 transition-opacity duration-300" />
) : null}
</div>
<div className="p-4 transition duration-200 group-hover/bento:translate-x-2 backdrop-blur-md">
<div className="p-4 transition bg-white/5 hover:bg-white/7 backdrop-blur-md duration-200 group-hover/bento:translate-x-2 ">
<CT>{title}</CT>
<CP className="font-medium">{subtitle}</CP>
<CP className="mt-2">{description}</CP>