guofei
/
addseed-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: change click area

main
guofei 2024-10-23 16:10:30 +08:00
parent e9ccfa005c
commit 43ac7d2f48
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/components/Examples.tsx
View File

@ -26,11 +26,8 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
{examples.map((item: { icon: string | undefined; url: string }, index: number) => { {examples.map((item: { icon: string | undefined; url: string }, index: number) => {
return ( return (
<div key={"key" + index} className="cursor-pointer relative group mb-[60px] w-1/4 flex justify-center"> <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]">
<img className="rounded-[60px] w-[280px] h-[280px]" src={item.icon} alt="" />
<div <div
className="absolute bottom-0 w-full h-[81px] bg-[#002653] text-center text-white text-[30px] hidden group-hover:block " className="hover:scale-[1.15] transition ease-in-out duration-300 hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] w-[280px] h-[280px]"
style={{ borderRadius: "0px 0px 60px 60px", lineHeight: "81px" }}
onClick={() => { onClick={() => {
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
setPreviewInfo({ setPreviewInfo({
@ -38,6 +35,11 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
url: item.url, 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" }}
> >
{props.dict.clickToPlay} {props.dict.clickToPlay}
</div> </div>