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

Details: None
  • Loading branch information
@deepsource-autofix
deepsource-autofix[bot] authored Feb 24, 2025
1 parent 12f97b5 commit 7ad23f2
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 36 deletions.
10 changes: 5 additions & 5 deletions src/components/stateless/StarBackground/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
import styles from './index.module.less'
// 生成随机阴影值的函数
const generateBoxShadow = (n) => {
let shadowValues = []
const shadowValues = []
for (let i = 0; i < n; i++) {
const randomX = Math.floor(Math.random() * 2000)
const randomY = Math.floor(Math.random() * 2000)
Expand All @@ -15,10 +15,10 @@ const StarBack = () => {
const [mediumShadows] = useState(generateBoxShadow(400))
const [bigShadows] = useState(generateBoxShadow(200))
return (
<section className="absolute top-0 left-0">
<section className={styles.stars} style={{ '--box-shadow': smallShadows }}></section>
<section className={styles.medium} style={{ '--box-shadow': mediumShadows }}></section>
<section className={styles.big} style={{ '--box-shadow': bigShadows }}></section>
<section className='absolute top-0 left-0'>
<section className={styles.stars} style={{ '--box-shadow': smallShadows }} />
<section className={styles.medium} style={{ '--box-shadow': mediumShadows }} />
<section className={styles.big} style={{ '--box-shadow': bigShadows }} />
</section>
)
}
Expand Down
62 changes: 31 additions & 31 deletions src/pages/demo/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,114 +21,114 @@ const columns = [
title: 'Name',
align: 'center',
dataIndex: 'name',
width: 150,
width: 150
},
{
title: 'Age',
align: 'center',
dataIndex: 'age',
width: 150,
width: 150
},
{
title: 'Address',
align: 'center',
dataIndex: 'address',
},
dataIndex: 'address'
}
]

const tabs = [
{
title: 'Product',
value: 'product',
content: (
<div className="relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl">
<div className='relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl'>
<p>Product Tab</p>
</div>
),
)
},
{
title: 'Services',
value: 'services',
content: (
<div className="relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl">
<div className='relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl'>
<p>Services tab</p>
</div>
),
)
},
{
title: 'Playground',
value: 'playground',
content: (
<div className="relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl">
<div className='relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl'>
<p>Playground tab</p>
</div>
),
)
},
{
title: 'Content',
value: 'content',
content: (
<div className="relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl">
<div className='relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl'>
<p>Content tab</p>
</div>
),
)
},
{
title: 'Random',
value: 'random',
content: (
<div className="relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl">
<div className='relative h-full w-full overflow-hidden rounded-2xl bg-linear-to-br from-purple-700 to-violet-900 p-10 text-xl font-bold text-white md:text-4xl'>
<p>Random tab</p>
</div>
),
},
)
}
]
const ProDemo = () => {
return (
<FixTabPanel>
<StarBack />
<StickyCard cards={[...Array.from({ length: 4 }, () => ({ id: Math.random() }))]} />
<div className="relative w-full overflow-hidden bg-[#0a192f]">
<div className="absolute top-0 right-0 h-full w-1/2">
<div className='relative w-full overflow-hidden bg-[#0a192f]'>
<div className='absolute top-0 right-0 h-full w-1/2'>
<div
className="absolute inset-0 bg-gradient-to-br from-purple-500/20 to-blue-500/20"
className='absolute inset-0 bg-gradient-to-br from-purple-500/20 to-blue-500/20'
style={{
clipPath: 'polygon(100% 0, 100% 100%, 0 100%, 100% 0)',
clipPath: 'polygon(100% 0, 100% 100%, 0 100%, 100% 0)'
}}
/>
</div>
<div className="absolute top-0 left-0 h-64 w-64 -translate-x-1/2 -translate-y-1/2 rounded-full border-8 border-white/20" />
<div className="absolute right-0 bottom-0 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-full border-8 border-white/20" />
<div className='absolute top-0 left-0 h-64 w-64 -translate-x-1/2 -translate-y-1/2 rounded-full border-8 border-white/20' />
<div className='absolute right-0 bottom-0 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-full border-8 border-white/20' />

<div className="relative mx-auto max-w-7xl px-4 py-16">
<div className="mb-16 text-center">
<h1 className="mb-6 text-4xl font-bold text-white md:text-5xl">
<div className='relative mx-auto max-w-7xl px-4 py-16'>
<div className='mb-16 text-center'>
<h1 className='mb-6 text-4xl font-bold text-white md:text-5xl'>
Influencer And Affiliate Marketing Plans and Pricing
</h1>
<p className="mx-auto max-w-3xl text-lg text-gray-300">
<p className='mx-auto max-w-3xl text-lg text-gray-300'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, in? Nemo, quas esse a id at quae sunt!
Temporibus, consectetur optio. Beatae, culpa nam quas eaque ipsa blanditiis adipisci rem.
</p>
</div>
</div>
<div className="relative mt-8 flex h-16 justify-center gap-8">
<div className='relative mt-8 flex h-16 justify-center gap-8'>
<FloatingIcon initialX={-150}>
<SocialIcon icon={Command} color="bg-blue-500" />
<SocialIcon icon={Command} color='bg-blue-500' />
</FloatingIcon>
<FloatingIcon initialX={-50}>
<SocialIcon icon={Cannabis} color="bg-blue-400" />
<SocialIcon icon={Cannabis} color='bg-blue-400' />
</FloatingIcon>
<FloatingIcon initialX={50}>
<SocialIcon icon={Beer} color="bg-pink-500" />
<SocialIcon icon={Beer} color='bg-pink-500' />
</FloatingIcon>
<FloatingIcon initialX={150}>
<SocialIcon icon={Mail} color="bg-red-500" />
<SocialIcon icon={Mail} color='bg-red-500' />
</FloatingIcon>
</div>
</div>

<LogoSlider companies={companies} />
<div className="b relative mx-auto flex h-[20rem] w-full max-w-5xl flex-col items-start justify-start [perspective:1000px]">
<div className='b relative mx-auto flex h-[20rem] w-full max-w-5xl flex-col items-start justify-start [perspective:1000px]'>
<AnimationTabs tabs={tabs} />
</div>
<Table columns={columns} dataSource={[]} pagination={{ pageSize: 50 }} scroll={{ y: 240 }} />
Expand Down

0 comments on commit 7ad23f2

Please sign in to comment.