knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[website,#778][xs]: fix gallery item hover effect on Firefox

Browse Source
This commit is contained in:
deme 2023-04-21 13:14:37 -03:00
parent 809028cc4a
commit 96480f2017
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/components/GalleryItem.tsx
View File

@ -9,7 +9,7 @@ export default function GalleryItem({ item }) {
className="bg-cover bg-no-repeat bg-top aspect-video w-full group-hover:blur-sm group-hover:scale-105 transition-all duration-200"
style={{ backgroundImage: `url(${item.image})` }}
>
<div className="w-full h-full group-hover:backdrop-brightness-50 transition-all duration-200"></div>
<div className="w-full h-full bg-black opacity-0 group-hover:opacity-50 transition-all duration-200"></div>
</div>
<div>
<div className="opacity-0 group-hover:opacity-100 absolute top-0 bottom-0 right-0 left-0 transition-all duration-200 px-2 flex items-center justify-center">