Skip to content

Commit decac94

Browse files
alcercualcercu
committed
chore(frontend): lint all files with new tailwind order
1 parent 14916ae commit decac94

File tree

64 files changed

+146
-146
lines changed

Some content is hidden

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

64 files changed

+146
-146
lines changed

‎frontend/src/app/for-lawyers/components/Card.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,13 @@ const Card: React.FC<ICard> = ({ title, description, icon }) => {
77
return (
88
<div
99
className={clsx(
10-
"rounded-2xl border border-stroke bg-background-2",
10+
"border-stroke bg-background-2 rounded-2xl border",
1111
"p-6 pb-[56px] lg:pb-[60px]",
1212
"flex flex-col items-start gap-4",
1313
)}
1414
>
1515
<Image src={icon.url} width={90} height={90} alt="Card Icon" />
16-
<h2 className="mb-2 text-lg font-medium text-primary-text lg:text-xl">
16+
<h2 className="text-primary-text mb-2 text-lg font-medium lg:text-xl">
1717
{title}
1818
</h2>
1919

‎frontend/src/app/for-lawyers/components/Flowchart.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const FlowchartItem: React.FC<IFlowchartItem> = ({
2020
"flex items-center justify-center p-6",
2121
)}
2222
>
23-
<span className="text-center text-lg font-medium text-primary-text lg:text-xl">
23+
<span className="text-primary-text text-center text-lg font-medium lg:text-xl">
2424
{name}
2525
</span>
2626
</div>
@@ -29,24 +29,24 @@ const FlowchartItem: React.FC<IFlowchartItem> = ({
2929
<div className="pr-[14px]">
3030
<div
3131
className={clsx(
32-
"relative h-7 w-[100%-14px] bg-primary-blue",
32+
"bg-primary-blue relative h-7 w-[100%-14px]",
3333
"flex items-center justify-center",
3434
//start-arrow
35-
"before:absolute before:-left-[1px] before:top-0 before:border-b-[14px] before:border-l-[14px] before:border-t-[14px]",
36-
"before:border-b-transparent before:border-t-transparent",
35+
"before:absolute before:top-0 before:-left-[1px] before:border-t-[14px] before:border-b-[14px] before:border-l-[14px]",
36+
"before:border-t-transparent before:border-b-transparent",
3737
background === "primary"
3838
? "before:border-l-background-1"
3939
: "before:border-l-background-2",
4040
//end arrow
41-
"after:absolute after:right-[-14px] after:top-0 after:border-b-[14px] after:border-l-[14px] after:border-t-[14px]",
42-
"after:border-b-transparent after:border-l-primary-blue after:border-t-transparent",
41+
"after:absolute after:top-0 after:right-[-14px] after:border-t-[14px] after:border-b-[14px] after:border-l-[14px]",
42+
"after:border-l-primary-blue after:border-t-transparent after:border-b-transparent",
4343
)}
4444
>
45-
<span className="text-xl text-background-2">{index}</span>
45+
<span className="text-background-2 text-xl">{index}</span>
4646
</div>
4747
</div>
4848

49-
<div className="rounded-3xl border-2 border-stroke bg-background-2 p-6">
49+
<div className="border-stroke bg-background-2 rounded-3xl border-2 p-6">
5050
<p className="text-secondary-text lg:text-lg">{description}</p>
5151
</div>
5252
</div>

‎frontend/src/app/for-lawyers/components/Hero.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const Hero: React.FC = async () => {
1515
).forLawyersPageHero;
1616

1717
return (
18-
<div className="relative px-6 pb-28 pt-44 md:pt-52 lg:px-32 lg:pb-60">
18+
<div className="relative px-6 pt-44 pb-28 md:pt-52 lg:px-32 lg:pb-60">
1919
<div className="space-y-8">
2020
<h1 className="pt-1 text-2xl font-medium lg:pt-3 lg:text-4xl">
2121
{header}
@@ -33,15 +33,15 @@ const Hero: React.FC = async () => {
3333
<ExternalLink
3434
text={arrowLink.text}
3535
url={arrowLink.link.url}
36-
className="text-start lg:pb-9 [&>span]:text-primary-text"
36+
className="[&>span]:text-primary-text text-start lg:pb-9"
3737
/>
3838
</div>
3939
<Image
4040
src={background.url}
4141
alt="Hero Image Background"
4242
fill
4343
priority
44-
className="absolute left-0 top-0 z-[-1] h-full object-cover"
44+
className="absolute top-0 left-0 z-[-1] h-full object-cover"
4545
/>
4646
</div>
4747
);

‎frontend/src/app/for-lawyers/components/KlerosDisputeResolutionSection/ArbitrationMethodTable/TabelCardContent.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const TableCardContent: React.FC<ArbitrationMethodTableType> = ({
6363
width={53.251}
6464
height={49.259}
6565
alt="Kleros-icon"
66-
className="absolute right-[33.75px] top-[32px]"
66+
className="absolute top-[32px] right-[33.75px]"
6767
/>
6868
) : null}
6969
</div>

‎frontend/src/app/for-lawyers/components/KlerosDisputeResolutionSection/ArbitrationMethodTable/index.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -19,19 +19,19 @@ const ArbitrationMethodTable: React.FC<IArbitrationMethodTable> = ({
1919
>
2020
<div
2121
className={clsx(
22-
"box-border rounded-3xl border-2 border-stroke bg-background-2",
23-
"absolute left-0 top-0 h-full min-h-fit w-full",
24-
"pb-[66.666%] lg:pb-0 lg:pr-[66.666%]",
22+
"border-stroke bg-background-2 box-border rounded-3xl border-2",
23+
"absolute top-0 left-0 h-full min-h-fit w-full",
24+
"pb-[66.666%] lg:pr-[66.666%] lg:pb-0",
2525
)}
2626
>
2727
<TableCardContent {...table?.[0]} />
2828
</div>
2929

3030
<div
3131
className={clsx(
32-
"box-border rounded-3xl bg-background-1",
33-
"absolute left-0 top-1/3 h-2/3 min-h-fit w-full lg:left-1/3 lg:top-0 lg:h-full lg:w-2/3",
34-
"pb-[33.333%] lg:pb-0 lg:pr-[33.333%]",
32+
"bg-background-1 box-border rounded-3xl",
33+
"absolute top-1/3 left-0 h-2/3 min-h-fit w-full lg:top-0 lg:left-1/3 lg:h-full lg:w-2/3",
34+
"pb-[33.333%] lg:pr-[33.333%] lg:pb-0",
3535
)}
3636
>
3737
<TableCardContent {...table?.[1]} />
@@ -41,7 +41,7 @@ const ArbitrationMethodTable: React.FC<IArbitrationMethodTable> = ({
4141
className={clsx(
4242
"box-border rounded-3xl",
4343
"bg-[linear-gradient(0deg,_#5B2B99_0%,_#27CDFE_100%)]",
44-
"absolute left-0 top-2/3 h-1/3 w-full p-[6px] lg:left-2/3 lg:top-0 lg:h-full lg:w-1/3",
44+
"absolute top-2/3 left-0 h-1/3 w-full p-[6px] lg:top-0 lg:left-2/3 lg:h-full lg:w-1/3",
4545
)}
4646
>
4747
<div

‎frontend/src/app/for-lawyers/components/KlerosDisputeResolutionSection/KlerosEscrowSection.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,28 +25,28 @@ const KlerosEscrowSection: React.FC = async () => {
2525
<div>
2626
<h1
2727
className={
28-
"mb-6 text-lg font-medium text-primary-text lg:px-32 lg:text-2xl"
28+
"text-primary-text mb-6 text-lg font-medium lg:px-32 lg:text-2xl"
2929
}
3030
>
3131
{header}
3232
</h1>
33-
<p className="mb-16 text-secondary-text lg:px-32 lg:text-lg">
33+
<p className="text-secondary-text mb-16 lg:px-32 lg:text-lg">
3434
{subtitle}
3535
</p>
3636

37-
<p className="mb-12 text-primary-purple lg:px-32 lg:text-lg">
37+
<p className="text-primary-purple mb-12 lg:px-32 lg:text-lg">
3838
{flowchartLabel}
3939
</p>
4040
<Flowchart items={flowchart} background="secondary" />
4141

4242
<h2
4343
className={
44-
"mb-6 mt-12 text-lg font-medium text-primary-text lg:px-32 lg:text-xl"
44+
"text-primary-text mt-12 mb-6 text-lg font-medium lg:px-32 lg:text-xl"
4545
}
4646
>
4747
{secondHeader}
4848
</h2>
49-
<p className="mb-8 text-secondary-text lg:px-32 lg:text-lg">
49+
<p className="text-secondary-text mb-8 lg:px-32 lg:text-lg">
5050
{secondSubtitle}
5151
</p>
5252

‎frontend/src/app/for-lawyers/components/KlerosDisputeResolutionSection/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,10 +36,10 @@ const KlerosDisputeResolutionSection: React.FC = async () => {
3636
)}
3737
>
3838
<div className="flex flex-col gap-6 lg:px-32">
39-
<h3 className="mb-6 text-primary-purple lg:text-lg">
39+
<h3 className="text-primary-purple mb-6 lg:text-lg">
4040
{headerSubtitle}
4141
</h3>
42-
<h1 className="text-xl font-medium text-primary-text lg:text-3xl">
42+
<h1 className="text-primary-text text-xl font-medium lg:text-3xl">
4343
{header}
4444
</h1>
4545
<p className="text-secondary-text lg:text-lg">{subtitle}</p>
@@ -49,7 +49,7 @@ const KlerosDisputeResolutionSection: React.FC = async () => {
4949
<ResearchSection {...{ secondHeader, secondSubtitle, publications }} />
5050

5151
<div className="my-4 lg:px-32">
52-
<h2 className="mb-6 text-lg font-medium text-primary-text lg:text-xl">
52+
<h2 className="text-primary-text mb-6 text-lg font-medium lg:text-xl">
5353
{thirdHeader}
5454
</h2>
5555
<p className="text-secondary-text lg:text-lg">{thirdSubtitle}</p>

‎frontend/src/app/for-lawyers/components/KlerosEnterpriseSection/HighlightedText.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const HighlightedText: React.FC<
88
const FullText = (
99
<span
1010
className={clsx(
11-
"text-base font-normal text-secondary-text lg:text-lg lg:font-medium",
11+
"text-secondary-text text-base font-normal lg:text-lg lg:font-medium",
1212
fullTextStyle,
1313
)}
1414
>
@@ -28,14 +28,14 @@ const HighlightedText: React.FC<
2828
return (
2929
<span
3030
className={clsx(
31-
"text-base font-normal text-secondary-text lg:text-lg lg:font-medium",
31+
"text-secondary-text text-base font-normal lg:text-lg lg:font-medium",
3232
fullTextStyle,
3333
)}
3434
>
3535
{beforeMatch}
3636
<span
3737
className={clsx(
38-
"text-base font-normal text-primary-purple lg:text-lg lg:font-medium",
38+
"text-primary-purple text-base font-normal lg:text-lg lg:font-medium",
3939
highlightedTextStyle,
4040
)}
4141
>

‎frontend/src/app/for-lawyers/components/KlerosEnterpriseSection/MethodsTable/MobileTable.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,12 @@ const TableItem: React.FC<{
1616
return (
1717
<div
1818
className={clsx(
19-
"rounded-2xl border-2 border-stroke bg-background-1",
20-
"px-6 pb-16 pt-8",
19+
"border-stroke bg-background-1 rounded-2xl border-2",
20+
"px-6 pt-8 pb-16",
2121
"flex flex-col gap-6",
2222
)}
2323
>
24-
<h2 className="text-lg font-medium text-primary-text">{heading}</h2>{" "}
24+
<h2 className="text-primary-text text-lg font-medium">{heading}</h2>{" "}
2525
<Divider />
2626
{tableHeadings.slice(1).map(({ heading }, index) => (
2727
<div key={`${heading}-${index}`} className="flex flex-col gap-4">

‎frontend/src/app/for-lawyers/components/KlerosEnterpriseSection/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ const KlerosEnterpriseSection: React.FC = async () => {
3939
>
4040
<div className="flex flex-col gap-6 lg:px-32">
4141
<h3 className="text-primary-purple lg:text-lg">{headerSubtitle}</h3>
42-
<h1 className="text-xl font-medium text-primary-text lg:text-3xl">
42+
<h1 className="text-primary-text text-xl font-medium lg:text-3xl">
4343
{header}
4444
</h1>
4545
<HighlightedText {...subtitle} />

0 commit comments

Comments
 (0)