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

style: repaire style

main
guofei 2024-10-24 16:50:25 +08:00
parent 4c494168ac
commit 322b6130bc
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,7 +27,7 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
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 <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]" className="hover:scale-[1.15] transition ease-in-out duration-300 hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] w-[280px] h-[280px] relative"
onClick={() => { onClick={() => {
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
setPreviewInfo({ setPreviewInfo({
@ -47,14 +47,15 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
</div> </div>
); );
})} })}
<div className="w-1/4">
<div <div
className="flex flex-col justify-center items-center className="flex flex-col justify-center items-center text-[30px] text-[#3d3d3d] cursor-pointer rounded-[60px] mb-[50px] w-[280px] h-[280px] mx-auto"
text-[30px] text-[#3d3d3d] cursor-pointer rounded-[60px] mb-[50px] w-[280px] h-[280px]"
style={{ background: "radial-gradient(61% 61% at 50% 50%, #FFFFFF 46%, #E1E1E1 100%)" }} style={{ background: "radial-gradient(61% 61% at 50% 50%, #FFFFFF 46%, #E1E1E1 100%)" }}
> >
<More dict={props.dict} lang={props.lang} /> <More dict={props.dict} lang={props.lang} />
</div> </div>
</div> </div>
</div>
{previewInfo.preview && ( {previewInfo.preview && (
<div <div