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 55900e3 according to the output
from Prettier and StandardJS.

Details: None
  • Loading branch information
@deepsource-autofix
deepsource-autofix[bot] authored Dec 26, 2024
1 parent 55900e3 commit 77371be
Show file tree
Hide file tree
Showing 2 changed files with 26 additions and 26 deletions.
8 changes: 4 additions & 4 deletions src/components/stateless/SkeletonFix/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@ const SkeletonFix = () => {
return (
<div className={`${styles.placeholder} ${styles.shimmer}`}>
<div className={styles['faux-image-wrapper']}>
<div className={styles['faux-image']}></div>
<div className={styles['faux-image']} />
</div>
<div className={styles['faux-text']}></div>
<div className={`${styles['faux-text']} ${styles.short}`}></div>
<div className={`${styles['faux-text']} ${styles['min-short']}`}></div>
<div className={styles['faux-text']} />
<div className={`${styles['faux-text']} ${styles.short}`} />
<div className={`${styles['faux-text']} ${styles['min-short']}`} />
</div>
)
}
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 @@ -191,7 +191,7 @@ const Home = () => {
<section style={{ marginBottom: 40 }}>
<AutoLink text="foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin" />
</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 @@ -272,14 +272,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 @@ -320,16 +320,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 @@ -392,20 +392,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 77371be

Please sign in to comment.