ok-ciel.bsky.social
the /spindles page has some formatting differences between /settings and /knots. This makes the bounding boxes around segments consitent as well as header positioning.
Signed-off-by: Ciel jamie@longest.voyage
+10
-14
appview/pages/templates/spindles/index.html
+10
-14
appview/pages/templates/spindles/index.html
···
1
{{ define "title" }}spindles{{ end }}
2
3
{{ define "content" }}
4
-
<div class="px-6 py-4">
5
-
<h1 class="text-xl font-bold dark:text-white">Spindles</h1>
6
-
</div>
7
-
8
-
<section class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
9
-
<div class="flex flex-col gap-6">
10
-
{{ block "all" . }} {{ end }}
11
{{ block "register" . }} {{ end }}
12
</div>
13
-
</section>
14
{{ end }}
15
16
-
{{ define "all" }}
17
-
<section class="rounded w-full flex flex-col gap-2">
18
-
<h2 class="text-sm font-bold py-2 uppercase dark:text-gray-300">your spindles</h2>
19
<div class="flex flex-col rounded border border-gray-200 dark:border-gray-700 w-full">
20
{{ range $spindle := .Spindles }}
21
{{ template "spindles/fragments/spindleListing" . }}
···
30
{{ end }}
31
32
{{ define "register" }}
33
-
<section class="rounded w-full lg:w-fit flex flex-col gap-2">
34
-
<h2 class="text-sm font-bold py-2 uppercase dark:text-gray-300">register a spindle</h2>
35
<p class="mb-2 dark:text-gray-300">Enter the hostname of your spindle to get started.</p>
36
<form
37
hx-post="/spindles/register"
···
65
66
<div id="register-error" class="dark:text-red-400"></div>
67
</form>
68
-
69
</section>
70
{{ end }}
···
1
{{ define "title" }}spindles{{ end }}
2
3
{{ define "content" }}
4
+
<div class="p-6">
5
+
<h1 class="text-xl font-bold dark:text-white">Spindles</h1>
6
+
</div>
7
+
<div class="flex flex-col">
8
+
{{ block "list" . }} {{ end }}
9
{{ block "register" . }} {{ end }}
10
</div>
11
{{ end }}
12
13
+
{{ define "list" }}
14
+
<h2 class="text-sm font-bold py-2 px-6 uppercase dark:text-gray-300">Your Spindles</h2>
15
+
<section class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-6 py-4 mb-6 w-full lg:w-fit">
16
<div class="flex flex-col rounded border border-gray-200 dark:border-gray-700 w-full">
17
{{ range $spindle := .Spindles }}
18
{{ template "spindles/fragments/spindleListing" . }}
···
27
{{ end }}
28
29
{{ define "register" }}
30
+
<h2 class="text-sm font-bold py-2 px-6 uppercase dark:text-gray-300">register a spindle</h2>
31
+
<section class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-6 py-4 mb-6 w-full lg:w-fit">
32
<p class="mb-2 dark:text-gray-300">Enter the hostname of your spindle to get started.</p>
33
<form
34
hx-post="/spindles/register"
···
62
63
<div id="register-error" class="dark:text-red-400"></div>
64
</form>
65
</section>
66
{{ end }}