Fix lint errors for src/components/main/index.tsx

This commit is contained in:
zeon-neon[bot] 2024-06-16 04:57:30 +00:00 committed by GitHub
parent a1b649b563
commit c2d0691e44
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -5,32 +5,32 @@ import Tilt from 'react-parallax-tilt'
import Typewriter from './type' import Typewriter from './type'
import { useEffect, useRef } from 'react' import { useEffect, useRef } from 'react'
// import 'animate.css/animate.css' // import 'animate.css/animate.css'
export default function Main() { export default function Main () {
const mainEl = useRef(null) const mainEl = useRef(null)
// useEffect(() => { // useEffect(() => {
// if (document.activeElement !== mainEl.current) { // if (document.activeElement !== mainEl.current) {
// // do something // // do something
// mainEl.current.className // mainEl.current.className
// } // }
// }) // })
return ( return (
<div className={'hero min-h-screen'} ref={mainEl}> <div className={'hero min-h-screen'} ref={mainEl}>
<div style={{ animation: "fadeInDown", animationDuration: "1.5s", zIndex: 5 }} className={ 'animate__animated animate__fadeIn' } > <div style={{ animation: 'fadeInDown', animationDuration: '1.5s', zIndex: 5 }} className={'animate__animated animate__fadeIn'} >
<div className='hero-content flex-col lg:flex-row max-w-xl' style={{ zIndex: 5 }}> <div className='hero-content flex-col lg:flex-row max-w-xl' style={{ zIndex: 5 }}>
<div className='avatar'> <div className='avatar'>
<Tilt glareEnable glareColor={'#f9e2af'}> <Tilt glareEnable glareColor={'#f9e2af'}>
<img src={avatar} /> <img src={avatar} />
</Tilt> </Tilt>
</div> </div>
<div style={{ zIndex: 9999 }}> <div style={{ zIndex: 9999 }}>
<h1 className='text-5xl font-bold'><span className={'wave'}>👋🏾 </span> Hi im <span className='text-highlight'>Saahil</span></h1> <h1 className='text-5xl font-bold'><span className={'wave'}>👋🏾 </span> Hi im <span className='text-highlight'>Saahil</span></h1>
<p>Welcome to my site.</p> <p>Welcome to my site.</p>
<Typewriter /> <Typewriter />
</div>
</div> </div>
</div> </div>
</div> </div>
</div> )
) }
}