lewis.moe
Monorepo for Tangled
appview/pages: prevent sidescroll on home
the learn-more button in the features set caused an overflow on home
page.
Signed-off-by: oppiliappan <me@oppi.li>
+7
-19
appview/pages/templates/timeline/home.html
+7
-19
appview/pages/templates/timeline/home.html
···
59
59
{{ block "mainLayout" . }}
60
60
<div class="flex-grow relative">
61
61
<div
62
-
class="absolute opacity-50 dark:opacity-5 inset-x-0 top-0 bottom-[-50px] md:bottom-[-150px] pointer-events-none bg-[url('https://assets.tangled.network/yarn_ball.svg')] bg-no-repeat bg-right-bottom bg-[length:500px] md:bg-[length:1000px] w-full">
62
+
class="absolute opacity-50 dark:opacity-5 inset-x-0 top-0 bottom-[-50px] md:bottom-[-150px] pointer-events-none bg-[url('https://assets.tangled.network/yarn_ball.svg')] bg-no-repeat bg-right-bottom w-full">
63
63
</div>
64
64
<div class="max-w-screen-xl mx-auto flex flex-col gap-4 relative z-10">
65
65
{{ block "contentLayout" . }}
···
143
143
{{ $imgContentStyle := "w-full overflow-hidden place-content-center bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 border-t border-gray-200 dark:border-gray-700" }}
144
144
{{ $linkDesktopStyle := "hover:no-underline items-center gap-2 p-3 text-base btn" }}
145
145
146
-
<div class="col-span-3 {{ $contentStyle }} peer-checked/prs:grid relative">
146
+
<div class="col-span-3 {{ $contentStyle }} peer-checked/prs:grid">
147
147
<div class="{{ $textContentStyle }} flex gap-4 md:gap-8">
148
148
<section class="space-y-4">
149
149
<h1 class="{{ $titleStyle }}">Pull requests, reimagined</h1>
···
152
152
requests on top of each other and ship faster with round-based code
153
153
reviews. Tangled natively supports stacking using Jujutsu.
154
154
</p>
155
-
<a href="https://blog.tangled.org/stacking" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium">
155
+
<a href="https://blog.tangled.org/stacking" class="hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium">
156
156
Learn more
157
157
{{ i "arrow-right" "size-4" }}
158
158
</a>
···
174
174
</picture>
175
175
</div>
176
176
</div>
177
-
<a href="https://blog.tangled.org/stacking" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn">
178
-
Learn more
179
-
{{ i "arrow-right" "size-4" }}
180
-
</a>
181
177
</div>
182
178
183
-
<div class="col-span-3 {{ $contentStyle }} peer-checked/knots:grid relative">
179
+
<div class="col-span-3 {{ $contentStyle }} peer-checked/knots:grid">
184
180
<div class="{{ $textContentStyle }} flex place-content-between gap-4 md:gap-8">
185
181
<section class="space-y-4">
186
182
<h1 class="{{ $titleStyle }}">Run it at home</h1>
···
190
186
<br>
191
187
Don't want to self-host? All are welcome on our hosted instances.
192
188
</p>
193
-
<a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium">
189
+
<a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium">
194
190
Learn more
195
191
{{ i "arrow-right" "size-4" }}
196
192
</a>
···
212
208
</picture>
213
209
</div>
214
210
</div>
215
-
<a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn">
216
-
Learn more
217
-
{{ i "arrow-right" "size-4" }}
218
-
</a>
219
211
</div>
220
212
221
-
<div class="col-span-3 {{ $contentStyle }} peer-checked/spindles:grid relative">
213
+
<div class="col-span-3 {{ $contentStyle }} peer-checked/spindles:grid">
222
214
<div class="{{ $textContentStyle }} flex place-content-between gap-4 md:gap-8">
223
215
<section class="space-y-4">
224
216
<h1 class="{{ $titleStyle }}">Nix-powered CI</h1>
···
230
222
<br>
231
223
Support for Docker and MicroVM based runners coming soon!
232
224
</p>
233
-
<a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium">
225
+
<a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium">
234
226
Learn more
235
227
{{ i "arrow-right" "size-4" }}
236
228
</a>
···
252
244
</picture>
253
245
</div>
254
246
</div>
255
-
<a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn">
256
-
Learn more
257
-
{{ i "arrow-right" "size-4" }}
258
-
</a>
259
247
</div>
260
248
</div>
261
249