Skip to content

Commit 58c986b

Browse files
HeavenVolkoffHeavenVolkoff
authored
Format files due to update to prettier and eslint (#2667)
1 parent 7395c2d commit 58c986b

File tree

41 files changed

+83
-144
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+83
-144
lines changed

‎apps/landing/src/app/Footer.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ export async function Footer() {
6868
</div>
6969

7070
<div className="col-span-1 flex flex-col space-y-2">
71-
<h1 className="mb-1 text-xs font-bold uppercase ">About</h1>
71+
<h1 className="mb-1 text-xs font-bold uppercase">About</h1>
7272

7373
<FooterLink link="/team">Team</FooterLink>
7474
<FooterLink link="/docs/product/resources/faq">FAQ</FooterLink>
@@ -104,7 +104,7 @@ export async function Footer() {
104104
</div>
105105
</div>
106106
<div className="col-span-1 flex flex-col space-y-2">
107-
<h1 className="mb-1 text-xs font-bold uppercase ">Developers</h1>
107+
<h1 className="mb-1 text-xs font-bold uppercase">Developers</h1>
108108
<FooterLink link="/docs/product/getting-started/introduction">
109109
Documentation
110110
</FooterLink>
@@ -122,7 +122,7 @@ export async function Footer() {
122122
</div>
123123
</div>
124124
<div className="col-span-1 flex flex-col space-y-2">
125-
<h1 className="mb-1 text-xs font-bold uppercase ">Org</h1>
125+
<h1 className="mb-1 text-xs font-bold uppercase">Org</h1>
126126
<FooterLink blank link="https://opencollective.com/spacedrive">
127127
Open Collective
128128
</FooterLink>

‎apps/landing/src/app/NavBar/MobileDropdown.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export function MobileDropdown() {
2020
<Dropdown.Root
2121
button={
2222
<Button aria-label="mobile-menu" className="hover:!bg-transparent" size="icon">
23-
<DotsThreeVertical weight="bold" className="size-6 " />
23+
<DotsThreeVertical weight="bold" className="size-6" />
2424
</Button>
2525
}
2626
className="right-4 top-2 block text-white lg:hidden"

‎apps/landing/src/app/NavBar/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export function NavBar() {
1616
<h3 className="text-xl font-bold text-white">Spacedrive</h3>
1717
</Link>
1818

19-
<div className="m-auto hidden space-x-4 text-white lg:block ">
19+
<div className="m-auto hidden space-x-4 text-white lg:block">
2020
<NavLink link="/roadmap">Roadmap</NavLink>
2121
<NavLink link="/team">Team</NavLink>
2222
{/* <NavLink link="/pricing">Pricing</NavLink> */}

‎apps/landing/src/app/NewBanner.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,11 @@ export function NewBanner(props: NewBannerProps) {
1717
href={href ?? '/'}
1818
className={clsx(
1919
props.className,
20-
'news-banner-border-gradient news-banner-glow animation-delay-1 fade-in-whats-new z-10 mb-5 flex w-fit flex-row rounded-full bg-black/10 px-5 py-2.5 text-xs backdrop-blur-md transition hover:bg-purple-900/20 sm:w-auto sm:text-base'
20+
'news-banner-border-gradient news-banner-glow animation-delay-1 fade-in-whats-new z-10 mb-5 flex w-fit flex-row rounded-full bg-black/10 px-5 py-2.5 text-xs backdrop-blur-md transition hover:bg-purple-900/20 sm:w-auto sm:text-base'
2121
)}
2222
>
2323
<div className="flex items-center gap-2">
24-
<Newspaper weight="fill" className="text-white " size={20} />
24+
<Newspaper weight="fill" className="text-white" size={20} />
2525
<p className="font-regular truncate text-white">{headline}</p>
2626
</div>
2727
{link && (

‎apps/landing/src/app/blog/[slug]/page.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,12 +49,12 @@ export default function Page({ params }: Props) {
4949
<Image
5050
src={post.image}
5151
alt={post.imageAlt ?? ''}
52-
className=" mt-8 rounded-xl will-change-transform fade-in"
52+
className="mt-8 rounded-xl will-change-transform fade-in"
5353
height={400}
5454
width={900}
5555
/>
5656
</figure>
57-
<section className="flex flex-wrap gap-4 rounded-xl px-4 ">
57+
<section className="flex flex-wrap gap-4 rounded-xl px-4">
5858
<div className="w-full grow">
5959
<h1 className="animation-delay-1 m-0 text-2xl leading-snug will-change-transform fade-in sm:text-4xl sm:leading-normal">
6060
{post.title}

‎apps/landing/src/app/docs/Sidebar/Categories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export function Doc(props: { slug: string; title?: string; url: string }) {
2828
href={props.url}
2929
className={clsx(
3030
'w-full rounded px-3 py-1 text-[14px] font-normal text-gray-350 no-underline hover:text-gray-50',
31-
active && '!font-medium !text-white '
31+
active && '!font-medium !text-white'
3232
)}
3333
>
3434
{props.title}

‎apps/landing/src/app/not-found.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export default function NotFound() {
1414

1515
return (
1616
<Markdown classNames="flex w-full justify-center">
17-
<div className="m-auto flex flex-col items-center ">
17+
<div className="m-auto flex flex-col items-center">
1818
<div className="h-32" />
1919
<SmileyXEyes className="mb-3 size-44" />
2020
<h1 className="mb-2 text-center">
@@ -23,7 +23,7 @@ export default function NotFound() {
2323
<p>In other words, thats a 404.</p>
2424
<div className="flex flex-wrap justify-center">
2525
<Button
26-
className="mr-3 mt-2 cursor-pointer "
26+
className="mr-3 mt-2 cursor-pointer"
2727
variant="gray"
2828
onClick={() => router.back()}
2929
>

‎apps/landing/src/app/pricing/Cards.tsx

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,7 @@ export function Cards() {
1515
<Switch checked={toggle} onCheckedChange={setToggle} size="lg" />
1616
<p className="text-sm font-medium text-white">Yearly</p>
1717
</div>
18-
<div
19-
className="fade-in-heading animation-delay-2 mx-auto mb-[200px] mt-[75px] flex
20-
w-full max-w-[1000px] flex-col items-center justify-center gap-10 px-2 md:flex-row"
21-
>
18+
<div className="fade-in-heading animation-delay-2 mx-auto mb-[200px] mt-[75px] flex w-full max-w-[1000px] flex-col items-center justify-center gap-10 px-2 md:flex-row">
2219
<PackageCard
2320
features={[
2421
'lorem ipsum text',
@@ -90,10 +87,7 @@ const PackageCard = ({ features, name, price, toggle, subTitle }: Props) => {
9087
)}
9188
>
9289
{name === 'Pro' && (
93-
<div
94-
className="pro-card-border-gradient popular-shadow absolute-horizontal-center top-[-12px]
95-
rounded-[6px] bg-[#0E0D1B] px-5 py-1"
96-
>
90+
<div className="pro-card-border-gradient popular-shadow absolute-horizontal-center top-[-12px] rounded-[6px] bg-[#0E0D1B] px-5 py-1">
9791
<p className="text-[10px] font-medium uppercase text-white">Popular</p>
9892
</div>
9993
)}

‎apps/landing/src/app/pricing/page.tsx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,10 +22,7 @@ export default function PricingPage() {
2222
src="/images/misc/header-gradient.webp"
2323
/>
2424
<div className="z-5 relative mt-48">
25-
<h1
26-
className="fade-in-heading mb-3 bg-gradient-to-r from-white from-40% to-indigo-400 to-60% bg-clip-text px-2 text-center text-4xl
27-
font-bold leading-tight text-transparent"
28-
>
25+
<h1 className="fade-in-heading mb-3 bg-gradient-to-r from-white from-40% to-indigo-400 to-60% bg-clip-text px-2 text-center text-4xl font-bold leading-tight text-transparent">
2926
Pricing
3027
</h1>
3128
<p className="animation-delay-1 fade-in-heading text-md leading-2 z-30 mx-auto mb-8 mt-1 max-w-2xl px-2 text-center text-gray-450 lg:text-lg lg:leading-8">

‎apps/landing/src/app/roadmap/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ export default function Page() {
4040
)}
4141
<h3
4242
className={
43-
`m-0 hidden text-right lg:block `
43+
`m-0 hidden text-right lg:block`
4444
// (i === 0 ? '-translate-y-1/4' : '-translate-y-1/2')
4545
}
4646
>

‎apps/landing/src/app/team/page.tsx

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,15 @@ export default function Page() {
1515
<Markdown articleClassNames="mx-auto mt-32 prose-a:text-white">
1616
<div className="team-page relative mx-auto">
1717
<div className="relative z-10">
18-
<h1 className="fade-in-heading text-5xl leading-tight sm:leading-snug ">
18+
<h1 className="fade-in-heading text-5xl leading-tight sm:leading-snug">
1919
We believe file management should be{' '}
2020
<span className="title-gradient">universal</span>.
2121
</h1>
22-
<p className="animation-delay-2 fade-in-heading text-white/50 ">
22+
<p className="animation-delay-2 fade-in-heading text-white/50">
2323
Your priceless personal data shouldn't be stuck in a device ecosystem. It
2424
should be OS agnostic, permanent and owned by you.
2525
</p>
26-
<p className="animation-delay-2 fade-in-heading text-white/50 ">
26+
<p className="animation-delay-2 fade-in-heading text-white/50">
2727
The data we create daily is our legacy—that will long outlive us. Open
2828
source technology is the only way to ensure we retain absolute control over
2929
the files that define our lives, at unlimited scale.
@@ -36,7 +36,7 @@ export default function Page() {
3636
Read more
3737
</Link>
3838
<div className="fade-in-heading animation-delay-5">
39-
<h2 className="mt-10 text-2xl leading-relaxed sm:mt-20 ">Meet the team</h2>
39+
<h2 className="mt-10 text-2xl leading-relaxed sm:mt-20">Meet the team</h2>
4040
<div className="my-10 grid grid-cols-2 gap-x-5 gap-y-10 xs:grid-cols-3 sm:grid-cols-4">
4141
{teamMembers.map((member) => (
4242
<TeamMember key={member.name} {...member} />
@@ -54,13 +54,10 @@ export default function Page() {
5454
</Link>{' '}
5555
on GitHub.
5656
</p>
57-
<h2
58-
id="investors"
59-
className="mb-2 mt-10 text-2xl leading-relaxed sm:mt-20 "
60-
>
57+
<h2 id="investors" className="mb-2 mt-10 text-2xl leading-relaxed sm:mt-20">
6158
Our investors
6259
</h2>
63-
<p className="text-sm text-gray-400 ">
60+
<p className="text-sm text-gray-400">
6461
We're backed by some of the greatest leaders in the technology industry.
6562
</p>
6663
<div className="my-10 grid grid-cols-3 gap-x-5 gap-y-10 sm:grid-cols-5">

‎apps/landing/src/components/AccessData.tsx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,7 @@ const AccessData = () => {
1313
src="/images/misc/globe.webp"
1414
/>
1515
<div className="relative">
16-
<h1
17-
className="bg-gradient-to-r from-white to-violet-400 bg-clip-text text-center
18-
text-[25px] font-bold text-transparent md:text-[30px]"
19-
>
16+
<h1 className="bg-gradient-to-r from-white to-violet-400 bg-clip-text text-center text-[25px] font-bold text-transparent md:text-[30px]">
2017
Access data from anywhere
2118
</h1>
2219
<p className="mx-auto w-full max-w-[800px] text-center text-sm text-ink-faint md:text-lg">

‎apps/landing/src/components/BentoBoxes.tsx

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -51,10 +51,7 @@ const BentoBoxes = () => {
5151
return 50;
5252
}, [width]);
5353
return (
54-
<MagicContainer
55-
className="flex h-fit w-full max-w-7xl auto-rows-[420px] flex-col gap-4
56-
lg:grid lg:grid-cols-6"
57-
>
54+
<MagicContainer className="flex h-fit w-full max-w-7xl auto-rows-[420px] flex-col gap-4 lg:grid lg:grid-cols-6">
5855
<BentoBox colSpan={4} className="p-6" bgUrl="images/bento/encrypt-bg.webp">
5956
<div className="bento-radial-gradient-fade absolute right-0 top-0 z-20 size-full" />
6057
<div className="relative z-20">
@@ -173,8 +170,7 @@ const BentoBoxes = () => {
173170
<Link target="_blank" href="https://github.com/spacedriveapp/spacedrive">
174171
<Button
175172
size="lg"
176-
className="contribute-drop-shadow mx-auto mb-4 block cursor-pointer border-0
177-
bg-gradient-to-r from-emerald-400 to-cyan-500 text-sm text-black !transition-all !duration-200"
173+
className="contribute-drop-shadow mx-auto mb-4 block cursor-pointer border-0 bg-gradient-to-r from-emerald-400 to-cyan-500 text-sm text-black !transition-all !duration-200"
178174
>
179175
{`<>`} Contribute
180176
</Button>
@@ -196,15 +192,11 @@ const BentoBoxes = () => {
196192
'--floatduration': '4s'
197193
} as React.CSSProperties
198194
}
199-
className="floating mx-auto flex
200-
h-[300px] w-full max-w-[500px]"
195+
className="floating mx-auto flex h-[300px] w-full max-w-[500px]"
201196
>
202197
<PlatformsArt />
203198
</div>
204-
<div
205-
className="absolute-center h-[120px] w-[300px] bg-gradient-to-r
206-
from-fuchsia-500 from-10% to-blue-500 opacity-10 blur-[175px]"
207-
/>
199+
<div className="absolute-center h-[120px] w-[300px] bg-gradient-to-r from-fuchsia-500 from-10% to-blue-500 opacity-10 blur-[175px]" />
208200
<div className="relative z-30">
209201
<Heading>Cross platform</Heading>
210202
<Text className="mx-auto max-w-[400px]">

‎apps/landing/src/components/CloudStorage.tsx

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const CloudStorage = () => {
1616
<div
1717
ref={ref}
1818
className={clsx(
19-
'relative mt-[200px] w-full max-w-[960px] opacity-0 md:mt-[250px]',
19+
'relative mt-[200px] w-full max-w-[960px] opacity-0 md:mt-[250px]',
2020
isInView && 'fade-in-heading'
2121
)}
2222
>
@@ -57,16 +57,10 @@ const CloudStorage = () => {
5757
/>
5858
</div>
5959
</div>
60-
<h1
61-
className="mt-[50px] bg-gradient-to-r from-white to-blue-400 bg-clip-text text-center text-[30px] font-bold
62-
leading-10 text-transparent"
63-
>
60+
<h1 className="mt-[50px] bg-gradient-to-r from-white to-blue-400 bg-clip-text text-center text-[30px] font-bold leading-10 text-transparent">
6461
Coming soon
6562
</h1>
66-
<h1
67-
className="bg-gradient-to-r from-white to-blue-300 bg-clip-text
68-
text-center text-[20px] text-transparent md:text-[40px] md:leading-[50px]"
69-
>
63+
<h1 className="bg-gradient-to-r from-white to-blue-300 bg-clip-text text-center text-[20px] text-transparent md:text-[40px] md:leading-[50px]">
7064
Combine all storage locations & clouds
7165
</h1>
7266
</div>
@@ -82,10 +76,7 @@ interface Props {
8276

8377
const CloudCard = ({ logoUrl, title, imageWidth = 70, children }: Props) => {
8478
return (
85-
<div
86-
className="flex w-full flex-col justify-center rounded-md border border-[#161524]
87-
bg-[#080710]/30 py-6 text-center backdrop-blur-sm transition-all duration-200 hover:brightness-125 md:h-[165px] md:basis-[30%]"
88-
>
79+
<div className="flex w-full flex-col justify-center rounded-md border border-[#161524] bg-[#080710]/30 py-6 text-center backdrop-blur-sm transition-all duration-200 hover:brightness-125 md:h-[165px] md:basis-[30%]">
8980
{children}
9081
<div className="relative z-10">
9182
<Image

‎apps/landing/src/components/NavBar.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ export default function NavBar() {
6565
<h3 className="text-xl font-bold text-white">Spacedrive</h3>
6666
</Link>
6767

68-
<div className="m-auto hidden space-x-4 text-white lg:block ">
68+
<div className="m-auto hidden space-x-4 text-white lg:block">
6969
<NavLink link="/roadmap">Roadmap</NavLink>
7070
<NavLink link="/team">Team</NavLink>
7171
{/* <NavLink link="/pricing">Pricing</NavLink> */}
@@ -88,7 +88,7 @@ export default function NavBar() {
8888
className="ml-[140px] hover:!bg-transparent"
8989
size="icon"
9090
>
91-
<DotsThreeVertical weight="bold" className="size-6 " />
91+
<DotsThreeVertical weight="bold" className="size-6" />
9292
</Button>
9393
}
9494
className="right-4 top-2 block h-6 w-44 text-white lg:hidden"

‎apps/landing/src/components/NewBanner.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,11 @@ const NewBanner: React.FC<NewBannerProps> = (props) => {
1717
onClick={() => (window.location.href = href)}
1818
className={clsx(
1919
props.className,
20-
'news-banner-border-gradient news-banner-glow animation-delay-1 fade-in-whats-new z-10 mb-5 flex w-fit cursor-pointer flex-row rounded-full bg-black/10 px-5 py-2.5 text-xs backdrop-blur-md transition hover:bg-purple-900/20 sm:w-auto sm:text-base'
20+
'news-banner-border-gradient news-banner-glow animation-delay-1 fade-in-whats-new z-10 mb-5 flex w-fit cursor-pointer flex-row rounded-full bg-black/10 px-5 py-2.5 text-xs backdrop-blur-md transition hover:bg-purple-900/20 sm:w-auto sm:text-base'
2121
)}
2222
>
2323
<div className="flex items-center gap-2">
24-
<Newspaper weight="fill" className="text-white " size={20} />
24+
<Newspaper weight="fill" className="text-white" size={20} />
2525
<p className="font-regular truncate text-white">{headline}</p>
2626
</div>
2727
<div role="separator" className="h-22 mx-4 w-px bg-zinc-700/70" />

‎apps/landing/src/components/WormHole.tsx

Lines changed: 7 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,8 @@ import React from 'react';
66

77
const WormHole = () => {
88
return (
9-
<div
10-
className="relative mb-[225px] mt-[240px] flex w-full max-w-[800px] items-center justify-center sm:mb-[220px]
11-
sm:mt-[250px] md:mb-[280px] md:mt-[340px] lg:my-[400px]"
12-
>
13-
<div
14-
className="absolute top-[-150px] w-full max-w-[450px] rotate-[300deg] sm:top-[-200px]
15-
sm:max-w-[500px] md:top-[-200px] lg:top-auto lg:mr-[250px] lg:max-w-full lg:rotate-0"
16-
>
9+
<div className="relative mb-[225px] mt-[240px] flex w-full max-w-[800px] items-center justify-center sm:mb-[220px] sm:mt-[250px] md:mb-[280px] md:mt-[340px] lg:my-[400px]">
10+
<div className="absolute top-[-150px] w-full max-w-[450px] rotate-[300deg] sm:top-[-200px] sm:max-w-[500px] md:top-[-200px] lg:top-auto lg:mr-[250px] lg:max-w-full lg:rotate-0">
1711
<div className="absolute left-[200px] top-[50px] z-10 size-full">
1812
<Image
1913
width={30}
@@ -34,11 +28,7 @@ const WormHole = () => {
3428
src="/images/icons/game.svg"
3529
/>
3630
</div>
37-
<div
38-
className="absolute top-[-100px] z-10
39-
size-full sm:left-[200px]
40-
sm:top-[10px]"
41-
>
31+
<div className="absolute top-[-100px] z-10 size-full sm:left-[200px] sm:top-[10px]">
4232
<Image
4333
width={40}
4434
height={45}
@@ -48,11 +38,7 @@ const WormHole = () => {
4838
src="/images/icons/image.svg"
4939
/>
5040
</div>
51-
<div
52-
className="absolute left-[120px] top-[-50px]
53-
z-10 size-full sm:left-[200px]
54-
sm:top-[-10px]"
55-
>
41+
<div className="absolute left-[120px] top-[-50px] z-10 size-full sm:left-[200px] sm:top-[-10px]">
5642
<Image
5743
width={40}
5844
height={45}
@@ -62,10 +48,7 @@ const WormHole = () => {
6248
src="/images/icons/lock.svg"
6349
/>
6450
</div>
65-
<div
66-
className="absolute left-[200px] top-[350px] z-10 size-full
67-
lg:left-[200px] lg:top-[300px]"
68-
>
51+
<div className="absolute left-[200px] top-[350px] z-10 size-full lg:left-[200px] lg:top-[300px]">
6952
<Image
7053
width={40}
7154
height={45}
@@ -105,11 +88,7 @@ const WormHole = () => {
10588
src="/images/icons/node.svg"
10689
/>
10790
</div>
108-
<div
109-
className="absolute
110-
left-[60px] top-[-190px]
111-
z-10 size-full sm:left-[50px] sm:top-[50px] lg:left-[200px] lg:top-[490px]"
112-
>
91+
<div className="absolute left-[60px] top-[-190px] z-10 size-full sm:left-[50px] sm:top-[50px] lg:left-[200px] lg:top-[490px]">
11392
<Image
11493
width={40}
11594
height={45}
@@ -119,10 +98,7 @@ const WormHole = () => {
11998
src="/images/icons/texturedmesh.png"
12099
/>
121100
</div>
122-
<div
123-
className="absolute left-[120px] top-[50px]
124-
z-10 size-full md:left-[200px] md:top-[350px]"
125-
>
101+
<div className="absolute left-[120px] top-[50px] z-10 size-full md:left-[200px] md:top-[350px]">
126102
<Image
127103
width={40}
128104
height={45}

0 commit comments

Comments
 (0)