Skip to content

Commit

Permalink
style: format code with Prettier and StandardJS
Browse files Browse the repository at this point in the history 
This commit fixes the style issues introduced in ba96152 according to the output
from Prettier and StandardJS.

Details: None
  • Loading branch information
@deepsource-autofix
deepsource-autofix[bot] authored Jan 6, 2025
1 parent ba96152 commit a3a6a1f
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 23 deletions.
2 changes: 1 addition & 1 deletion src/components/stateless/CompareAll/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ const Compare = ({
>
<div className="w-36 h-full [mask-image:radial-gradient(100px_at_left,white,transparent)] absolute top-1/2 -translate-y-1/2 left-0 bg-gradient-to-r from-indigo-400 via-transparent to-transparent z-20 opacity-50" />
<div className="w-10 h-1/2 [mask-image:radial-gradient(50px_at_left,white,transparent)] absolute top-1/2 -translate-y-1/2 left-0 bg-gradient-to-r from-cyan-400 via-transparent to-transparent z-10 opacity-100" />
<div className="w-10 h-3/4 top-1/2 -translate-y-1/2 absolute -right-10 [mask-image:radial-gradient(100px_at_left,white,transparent)]"></div>
<div className="w-10 h-3/4 top-1/2 -translate-y-1/2 absolute -right-10 [mask-image:radial-gradient(100px_at_left,white,transparent)]" />
{showHandlebar && (
<div className="h-5 w-5 rounded-md top-1/2 -translate-y-1/2 bg-white z-30 -right-2.5 absolute flex items-center justify-center shadow-[0px_-1px_0px_0px_#FFFFFF40]">
<GitMerge className="w-4 h-4 text-black" />
Expand Down
44 changes: 22 additions & 22 deletions src/pages/home/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@ const Home = () => {
slideMode="drag"
/>
</section>
<section className={styles.line}></section>
<section className={styles.line} />
<section>
<AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />
</section>
Expand Down Expand Up @@ -333,14 +333,14 @@ const Home = () => {
<AnimateOnScreen.DiyAnimation
from={{ opacity: 0, transform: 'translate(-100%, 0)' }}
to={{ opacity: 1, transform: 'translate(0, 0)' }}
triggerOnce={true}
triggerOnce
>
<img src="https://picsum.photos/360/200.jpg" alt="" />
</AnimateOnScreen.DiyAnimation>
</section>
<section style={{ marginBottom: 40, display: 'flex' }}>
<SpotlightCard className="my-spot" style={{ width: 360, height: 200, color: '#fff' }}>
<section></section>
<section />
</SpotlightCard>
</section>
<section style={{ margin: '20px 0' }}>
Expand Down Expand Up @@ -381,16 +381,16 @@ const Home = () => {
mask
</section>
<section style={{ marginBottom: 40 }}>
<button className={styles['button']} onClick={fireConfetti}>
<button className={styles.button} onClick={fireConfetti}>
<span className={styles['button-label']}>Click Me</span>
</button>
</section>

<section style={{ position: 'relative', margin: '80px 0 160px 100px' }}>
<div className={styles['circle-1']}></div>
<div className={styles['circle-2']}></div>
<div className={styles['circle-3']}></div>
<div className={styles['circle-4']}></div>
<div className={styles['circle-1']} />
<div className={styles['circle-2']} />
<div className={styles['circle-3']} />
<div className={styles['circle-4']} />
</section>

<section style={{ margin: 20 }} className={styles.eHElAY}>
Expand Down Expand Up @@ -459,20 +459,20 @@ const Home = () => {
<section style={{ margin: 20 }}>
<ResponsiveMasonry columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 6 }}>
<Masonry gutter="10px">
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
</Masonry>
</ResponsiveMasonry>
</section>
Expand Down

0 comments on commit a3a6a1f

Please sign in to comment.