fix: change click area
parent
e9ccfa005c
commit
43ac7d2f48
|
@ -26,18 +26,20 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
|
|||
{examples.map((item: { icon: string | undefined; url: string }, index: number) => {
|
||||
return (
|
||||
<div key={"key" + index} className="cursor-pointer relative group mb-[60px] w-1/4 flex justify-center">
|
||||
<div className="hover:scale-[1.15] transition ease-in-out duration-300 hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] w-[280px] h-[280px]">
|
||||
<div
|
||||
className="hover:scale-[1.15] transition ease-in-out duration-300 hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] w-[280px] h-[280px]"
|
||||
onClick={() => {
|
||||
document.body.style.overflow = "hidden";
|
||||
setPreviewInfo({
|
||||
preview: true,
|
||||
url: item.url,
|
||||
});
|
||||
}}
|
||||
>
|
||||
<img className="rounded-[60px] w-[280px] h-[280px]" src={item.icon} alt="" />
|
||||
<div
|
||||
className="absolute bottom-0 w-full h-[81px] bg-[#002653] text-center text-white text-[30px] hidden group-hover:block "
|
||||
style={{ borderRadius: "0px 0px 60px 60px", lineHeight: "81px" }}
|
||||
onClick={() => {
|
||||
document.body.style.overflow = "hidden";
|
||||
setPreviewInfo({
|
||||
preview: true,
|
||||
url: item.url,
|
||||
});
|
||||
}}
|
||||
>
|
||||
{props.dict.clickToPlay}
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue