Commite6e1673

committed

refactor animation of sponsor modal

1 parenta579b18 commite6e1673Copy full SHA for e6e1673

File tree

+11

-30

lines changed

+11

-30

lines changed

Lines changed: 1 addition & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,10 +1,8 @@`
`1`	`1`	`importImagefrom'next/image';`
`2`		`-import{resourceCards,stage1,stage2,stage3}from'../../../public/data/resourceCards';`
	`2`	`+import{resourceCards,stage1,stage2,stage3}from'@/../public/data/resourceCards';`
`3`	`3`
`4`	`4`	`constboxStyling=`
`5`	`5`	`'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';`
`6`		`-constsocialsBoxStyling=`
`7`		`-'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';`
`8`	`6`
`9`	`7`	`constResources=()=>{`
`10`	`8`	`return(`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import{useState}from'react';`
`2`		`-import{diamondLinks,goldLinks,silverLinks,sponsorInfo}from'../../../public/data/sponsorInfos';`
	`2`	`+import{diamondLinks,goldLinks,silverLinks,sponsorInfo}from'@/../public/data/sponsorInfos';`
`3`	`3`	`importSponsorModalfrom'./SponsorModal';`
`4`	`4`
`5`	`5`	`constlogostyle='grow-on-hover cursor-pointer transform transition-transform duration-300 hover:scale-105';`

Lines changed: 9 additions & 10 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`		`-import{sponsorInfo}from'../../../public/data/sponsorInfos';`
`2`		`-import{motion}from'framer-motion'`
	`1`	`+import{sponsorInfo}from'@/../public/data/sponsorInfos';`
`3`	`2`
`4`	`3`	`exportdefaultfunctionSponsorModal(props:{sponsorInfo:sponsorInfo\|null;setFalse:()=>void}){`
`5`	`4`	`if(props.sponsorInfo===null){`
`@@ -18,17 +17,17 @@ export default function SponsorModal(props: { sponsorInfo: sponsorInfo \| null; s`
`18`	`17`	`>`
`19`	`18`
`20`	`19`	`<divclassName="bg-[#3977f8] relative w-[800px] h-[550px] mb-10 mx-10 rounded-xl flex flex-col items-center justify-center">`
`21`		`-<motion.a`
`22`		`-whileHover={{`
`23`		`-scale:1.2,`
`24`		`-transition:{duration:0.2},`
`25`		`-}}`
`26`		`-className="w-4/5 m-10 flex flex-col items-center justify-center"`
	`20`	`+<a`
	`21`	`+className="w-4/5 m-10 flex flex-col items-center justify-center transform transition-transform duration-300 hover:scale-105"`
`27`	`22`	`href={props.sponsorInfo.href}`
`28`	`23`	`target="_blank"`
`29`	`24`	`>`
`30`		-<imgclassName='w-4/5 max-w-[300px] max-h-[200px]'src={`./${props.sponsorInfo.svg}`}alt={props.sponsorInfo.alt}/>
`31`		`-</motion.a>`
	`25`	`+<img`
	`26`	`+className="w-4/5 max-w-[300px] max-h-[200px]"`
	`27`	+src={`./${props.sponsorInfo.svg}`}
	`28`	`+alt={props.sponsorInfo.alt}`
	`29`	`+/>`
	`30`	`+</a>`
`32`	`31`	`<h3className="mx-10 py-10">{props.sponsorInfo.description}</h3>`
`33`	`32`	`<button`
`34`	`33`	`onClick={props.setFalse}`

Lines changed: 0 additions & 16 deletions

This file was deleted.

Comments

(0)