Skip to content

Commit d0370c5

Browse files
NoelDeMartinNoelDeMartin
committed
Fix lint errors
1 parent 07149c6 commit d0370c5

1 file changed

Lines changed: 36 additions & 54 deletions

File tree

‎src/pages/landing/components/LandingFeatures.vue‎

Lines changed: 36 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -18,16 +18,16 @@
1818

1919
<div
2020
v-intersect="(visible: boolean) => after(700).then(() => (showWorkspaces ||= visible))"
21-
:class="[
22-
'ease-spring mt-16 grid max-w-[780px] origin-center grid-cols-1 gap-x-12 gap-y-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-32 md:grid-cols-[auto_1fr] md:grid-rows-[auto_1fr]',
21+
class="ease-spring mt-16 grid max-w-[780px] origin-center grid-cols-1 gap-x-12 gap-y-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-32 md:grid-cols-[auto_1fr] md:grid-rows-[auto_1fr]"
22+
:class="
2323
$ui.mobile
2424
? showWorkspaces
2525
? 'scale-100 opacity-100'
2626
: 'scale-0 opacity-0'
2727
: showWorkspaces
2828
? '-translate-x-[10%] opacity-100'
29-
: '-translate-x-[90%] opacity-0',
30-
]"
29+
: '-translate-x-[90%] opacity-0'
30+
"
3131
>
3232
<h2
3333
id="workspaces"
@@ -45,16 +45,16 @@
4545

4646
<div
4747
v-intersect="(visible: boolean) => after(700).then(() => (showLocalFirst ||= visible))"
48-
:class="[
49-
'ease-spring mt-8 grid origin-center grid-cols-1 gap-x-12 gap-y-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:mr-8 md:ml-40 md:grid-cols-[auto_1fr]',
48+
class="ease-spring mt-8 grid origin-center grid-cols-1 gap-x-12 gap-y-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:mr-8 md:ml-40 md:grid-cols-[auto_1fr]"
49+
:class="
5050
$ui.mobile
5151
? showLocalFirst
5252
? 'scale-100 opacity-100'
5353
: 'scale-0 opacity-0'
5454
: showLocalFirst
5555
? 'translate-x-[10%] opacity-100'
56-
: 'translate-x-[90%] opacity-0',
57-
]"
56+
: 'translate-x-[90%] opacity-0'
57+
"
5858
>
5959
<h2 id="local-first" class="text-primary-900 scroll-mt-32 text-center text-3xl font-bold md:text-start">
6060
{{ $t('landing.localFirstTitle') }}
@@ -65,10 +65,8 @@
6565

6666
<div
6767
v-intersect="(visible: boolean) => after(700).then(() => (showPWA ||= visible))"
68-
:class="[
69-
'ease-spring mt-8 grid origin-center gap-8 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:grid-cols-[1fr_2.75fr] md:gap-4',
70-
showPWA ? 'scale-100 opacity-100' : 'scale-0 opacity-0',
71-
]"
68+
class="ease-spring mt-8 grid origin-center gap-8 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:grid-cols-[1fr_2.75fr] md:gap-4"
69+
:class="showPWA ? 'scale-100 opacity-100' : 'scale-0 opacity-0'"
7270
>
7371
<h2 id="pwa" class="text-primary-900 scroll-mt-32 text-center text-3xl font-bold md:col-span-2">
7472
{{ $t('landing.pwaTitle') }}
@@ -91,16 +89,16 @@
9189

9290
<div
9391
v-intersect="(visible: boolean) => after(700).then(() => (showSolid ||= visible))"
94-
:class="[
95-
'ease-spring mt-8 grid max-w-[750px] origin-center grid-cols-1 gap-x-8 gap-y-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:grid-cols-[auto_1fr] md:grid-rows-[auto_1fr]',
92+
class="ease-spring mt-8 grid max-w-[750px] origin-center grid-cols-1 gap-x-8 gap-y-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:grid-cols-[auto_1fr] md:grid-rows-[auto_1fr]"
93+
:class="
9694
$ui.mobile
9795
? showSolid
9896
? 'scale-100 opacity-100'
9997
: 'scale-0 opacity-0'
10098
: showSolid
10199
? '-translate-x-[10%] opacity-100'
102-
: '-translate-x-[90%] opacity-0',
103-
]"
100+
: '-translate-x-[90%] opacity-0'
101+
"
104102
>
105103
<h2 id="solid" class="text-primary-900 scroll-mt-32 text-center text-3xl font-bold md:text-start">
106104
{{ $t('landing.solidTitle') }}
@@ -111,16 +109,16 @@
111109

112110
<div
113111
v-intersect="(visible: boolean) => after(700).then(() => (showA11y ||= visible))"
114-
:class="[
115-
'ease-spring mt-8 grid origin-center grid-cols-1 gap-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:mr-12 md:ml-40 md:grid-cols-[1fr_auto] md:grid-rows-[auto_1fr]',
112+
class="ease-spring mt-8 grid origin-center grid-cols-1 gap-6 rounded-lg bg-white/25 px-12 py-8 transition-all duration-700 md:mt-16 md:mr-12 md:ml-40 md:grid-cols-[1fr_auto] md:grid-rows-[auto_1fr]"
113+
:class="
116114
$ui.mobile
117115
? showA11y
118116
? 'scale-100 opacity-100'
119117
: 'scale-0 opacity-0'
120118
: showA11y
121119
? 'translate-x-[10%] opacity-100'
122-
: 'translate-x-[90%] opacity-0',
123-
]"
120+
: 'translate-x-[90%] opacity-0'
121+
"
124122
>
125123
<h2 id="a11y" class="text-primary-900 scroll-mt-32 text-center text-3xl font-bold md:text-start">
126124
{{ $t('landing.a11yTitle') }}
@@ -136,70 +134,54 @@
136134
<h2
137135
id="more"
138136
v-intersect="(visible: boolean) => after(700).then(() => (showMore ||= visible))"
139-
:class="[
140-
'ease-spring mt-16 origin-center text-center text-3xl font-light transition-all duration-700 md:mt-32 md:text-2xl',
141-
showMore ? 'scale-100 opacity-100' : 'scale-0 opacity-0',
142-
]"
137+
class="ease-spring mt-16 origin-center text-center text-3xl font-light transition-all duration-700 md:mt-32 md:text-2xl"
138+
:class="showMore ? 'scale-100 opacity-100' : 'scale-0 opacity-0'"
143139
>
144140
{{ $t('landing.more') }}
145141
</h2>
146142

147-
<ul role="list" class="text-primary-900 mt-6 grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3">
143+
<ul
144+
role="list"
145+
class="text-primary-900 [&_a]:text-primary-950 mt-6 grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3"
146+
>
148147
<li
149-
:class="[
150-
'ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]',
151-
showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0',
152-
]"
148+
class="ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]"
149+
:class="showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0'"
153150
>
154151
<i-ion-logo-markdown class="size-12" />
155152
<Markdown lang-key="landing.moreMarkdown" class="text-primary-950 text-lg" />
156153
</li>
157154
<li
158-
:class="[
159-
'ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]',
160-
showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0',
161-
'delay-100',
162-
]"
155+
class="ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all delay-100 duration-[1200ms]"
156+
:class="showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0'"
163157
>
164158
<i-material-symbols-edit-document-rounded class="size-12" />
165159
<Markdown lang-key="landing.moreScratchpad" class="text-primary-950 text-lg" />
166160
</li>
167161
<li
168-
:class="[
169-
'ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]',
170-
showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0',
171-
'delay-200',
172-
]"
162+
class="ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all delay-200 duration-[1200ms]"
163+
:class="showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0'"
173164
>
174165
<i-material-symbols-calendar-clock-rounded class="size-12" />
175166
<Markdown lang-key="landing.moreDeadlines" class="text-primary-950 text-lg" />
176167
</li>
177168
<li
178-
:class="[
179-
'ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]',
180-
showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0',
181-
'delay-300',
182-
]"
169+
class="ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all delay-300 duration-[1200ms]"
170+
:class="showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0'"
183171
>
184172
<i-ic-sharp-star class="size-12" />
185173
<Markdown lang-key="landing.moreImportant" class="text-primary-950 text-lg" />
186174
</li>
187175
<li
188-
:class="[
189-
'ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]',
190-
showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0',
191-
'delay-[400ms]',
192-
]"
176+
class="ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all delay-[400ms] duration-[1200ms]"
177+
:class="showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0'"
193178
>
194179
<i-material-symbols-search-rounded class="size-12" />
195180
<Markdown lang-key="landing.moreSearch" class="text-primary-950 text-lg" />
196181
</li>
197182
<li
198-
:class="[
199-
'ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all duration-[1200ms]',
200-
showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0',
201-
'delay-500',
202-
]"
183+
class="ease-spring bg-primary-200/25 flex flex-col items-center gap-y-2 rounded-lg p-8 transition-all delay-500 duration-[1200ms]"
184+
:class="showMore ? 'translate-y-0 opacity-100' : '-translate-y-[90%] opacity-0'"
203185
>
204186
<i-material-symbols-keyboard class="size-12" />
205187
<Markdown lang-key="landing.moreKeyboard" class="text-primary-950 text-lg" />

0 commit comments

Comments
 (0)