appview/pages: make spindles page more consistent #318

deleted
opened by ok-ciel.bsky.social targeting master from ok-ciel.bsky.social/core: push-yxvvnyzoownu

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

Changed files
+10 -14
appview
pages
templates
spindles
+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 }}