innocuous-symmetry/go-htmx-tailwind-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

couple of styling fixes

Browse Source
This commit is contained in:
Mikayla Dobson
2024-03-24 19:41:31 +00:00
parent 994389b8ef
commit e616b588a7
7 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/items/entity-edit.html
View File

@@ -1,9 +1,9 @@
<tr id="datarow-{{.ID}}" class="datarow border-b dark:border-neutral-500">
<td class="whitespace-nowrap px-6 py-4">
<tr id="datarow-{{.ID}}" class="datarow w-full border-b dark:border-neutral-500">
<td id="datarow-{{.ID}}-id" class="hidden md:flex whitespace-nowrap px-6 py-4 w-1/12">
<input class="data-input-{{.ID}}" hidden disabled type="text" name="id" value="{{.ID}}" data-include-edit="{{.ID}}" />
<span>{{.ID}}</span>
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-name" class="whitespace-nowrap px-6 py-4 w-1/4 md:w-1/6">
<input
type="text"
class="data-input-{{.ID}} shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
@@ -12,13 +12,13 @@
value="{{.Name}}"
/>
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-stage" class="whitespace-nowrap px-6 py-4 w-1/4 md:w-1/6">
{{ template "components/edit-packing-stage.html" . }}
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-category" class="whitespace-nowrap px-6 py-4 w-1/4 md:w-1/6">
{{ template "components/edit-category.html" . }}
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-description" class="hidden md:flex px-6 py-4 w-1/6">
<input
type="text"
class="data-input-{{.ID}} shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
@@ -27,7 +27,7 @@
value="{{.Description}}"
/>
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-notes" class="hidden md:flex px-6 py-4 w-1/6">
<input
type="text"
class="data-input-{{.ID}} shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
@@ -36,7 +36,7 @@
value="{{.Notes}}"
/>
<td class="whitespace-nowrap px-1 py-1">
<td id="datarow-{{.ID}}-actions" class="whitespace-nowrap flex items-end px-1 py-1 w-1/4 md:w-1/12">
<a
id="datarow-{{.ID}}-save"
hx-put="/items/save/{{.ID}}"
@@ -48,8 +48,6 @@
href=""
>Save</a
>
</td>
<td class="whitespace-nowrap px-1 py-1">
<a
hx-get="/items/{{.ID}}"
hx-target="#datarow-{{.ID}}"

12
templates/items/entity-list.html
View File

@@ -4,18 +4,6 @@
<div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 sm:px-6 lg:px-8">
<div class="overflow-hidden">
<!-- <div class="flex justify-end">
<button
hx-get="/items/add"
hx-target="#table-body"
hx-swap="beforeend"
hx-indicator="#processing"
class="inline-flex items-center h-8 px-4 m-2 text-sm text-blue-100 transition-colors duration-150 bg-blue-700 rounded-lg focus:shadow-outline hover:bg-blue-800"
href=""
>
Add
</button>
</div> -->
<table class="min-w-full text-left text-sm font-light">
<thead class="border-b font-medium dark:border-neutral-500">
<tr>

23
templates/items/entity-row.html
View File

@@ -1,24 +1,29 @@
<tr id="datarow-{{.ID}}" class="border-b dark:border-neutral-500 hover:bg-slate-300 hover:bg-opacity-20">
<td class="whitespace-nowrap px-6 py-4">{{.ID}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Name}}</td>
<td class="whitespace-nowrap items-center justify-center w-1/12">{{.ID}}</td>
{{ template "components/parsed-packing-stage.html" .Stage }}
<td class="whitespace-nowrap px-6 py-4 w-1/6">{{.Name}}</td>
{{ template "components/parsed-category.html" .Category }}
<td class="whitespace-nowrap px-6 py-4 w-1/6">
{{ template "components/parsed-packing-stage.html" .Stage }}
</td>
<td class="whitespace-nowrap px-6 py-4 w-1/6">
{{ template "components/parsed-category.html" .Category }}
</td>
{{ if .Description }}
<td class="whitespace-nowrap px-6 py-4">{{.Description}}</td>
<td class="w-1/6 px-6 py-4 ">{{.Description}}</td>
{{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td>
<td class="w-1/6 px-6 py-4 ">...</td>
{{ end }}
{{ if .Notes }}
<td class="whitespace-nowrap px-6 py-4">{{.Notes}}</td>
<td class="w-1/6 px-6 py-4 ">{{.Notes}}</td>
{{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td>
<td class="w-1/6 px-6 py-4 ">...</td>
{{ end }}
<td class="flex whitespace-nowrap px-6 py-4">
<td class="whitespace-nowrap px-6 py-4 w-1/12">
<button
hx-get="/items/edit/{{ .ID }}"
hx-target="#datarow-{{ .ID }}"