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

11
Makefile
View File

@@ -31,7 +31,16 @@ test:
## build: build a binary ## build: build a binary
.PHONY: build .PHONY: build
build: test build: test
go build -o ./app -v sudo rm -f mikayla-moving
go build -o ./mikayla-moving -v
sudo cp mikayla-moving /usr/bin/mikayla-moving
# restart: rebuild and restart the systemd service running the project
.PHONY: restart
restart:
sudo systemctl stop mikayla-moving
make build
sudo systemctl restart mikayla-moving
## docker-build: build project into a docker container image ## docker-build: build project into a docker container image
.PHONY: docker-build .PHONY: docker-build

2
templates/components/parsed-packing-stage.html
View File

@@ -1,6 +1,6 @@
<td class="whitespace-nowrap px-6 py-4"> <td class="whitespace-nowrap px-6 py-4">
{{ if eq . 0 }} {{ if eq . 0 }}
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800 bg-"> <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
Essentials Essentials
</span> </span>
{{ else if eq . 1 }} {{ else if eq . 1 }}

2
templates/index.html
View File

@@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<main> <main>
<div class="md:container md:mx-auto"> <div class="md:container md:mx-auto w-full max-w-screen">
<h1 class="text-3xl">Mikayla's Move Manager</h1> <h1 class="text-3xl">Mikayla's Move Manager</h1>
<nav> <nav>

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

@@ -1,9 +1,9 @@
<tr id="datarow-{{.ID}}" class="datarow border-b dark:border-neutral-500"> <tr id="datarow-{{.ID}}" class="datarow w-full border-b dark:border-neutral-500">
<td class="whitespace-nowrap px-6 py-4"> <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}}" /> <input class="data-input-{{.ID}}" hidden disabled type="text" name="id" value="{{.ID}}" data-include-edit="{{.ID}}" />
<span>{{.ID}}</span> <span>{{.ID}}</span>
</td> </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 <input
type="text" 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" 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}}" value="{{.Name}}"
/> />
</td> </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" . }} {{ template "components/edit-packing-stage.html" . }}
</td> </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" . }} {{ template "components/edit-category.html" . }}
</td> </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 <input
type="text" 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" 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}}" value="{{.Description}}"
/> />
</td> </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 <input
type="text" 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" 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}}" 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 <a
id="datarow-{{.ID}}-save" id="datarow-{{.ID}}-save"
hx-put="/items/save/{{.ID}}" hx-put="/items/save/{{.ID}}"
@@ -48,8 +48,6 @@
href="" href=""
>Save</a >Save</a
> >
</td>
<td class="whitespace-nowrap px-1 py-1">
<a <a
hx-get="/items/{{.ID}}" hx-get="/items/{{.ID}}"
hx-target="#datarow-{{.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="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="inline-block min-w-full py-2 sm:px-6 lg:px-8">
<div class="overflow-hidden"> <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"> <table class="min-w-full text-left text-sm font-light">
<thead class="border-b font-medium dark:border-neutral-500"> <thead class="border-b font-medium dark:border-neutral-500">
<tr> <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"> <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 items-center justify-center w-1/12">{{.ID}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Name}}</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 }} {{ if .Description }}
<td class="whitespace-nowrap px-6 py-4">{{.Description}}</td> <td class="w-1/6 px-6 py-4 ">{{.Description}}</td>
{{ else }} {{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td> <td class="w-1/6 px-6 py-4 ">...</td>
{{ end }} {{ end }}
{{ if .Notes }} {{ if .Notes }}
<td class="whitespace-nowrap px-6 py-4">{{.Notes}}</td> <td class="w-1/6 px-6 py-4 ">{{.Notes}}</td>
{{ else }} {{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td> <td class="w-1/6 px-6 py-4 ">...</td>
{{ end }} {{ end }}
<td class="flex whitespace-nowrap px-6 py-4"> <td class="whitespace-nowrap px-6 py-4 w-1/12">
<button <button
hx-get="/items/edit/{{ .ID }}" hx-get="/items/edit/{{ .ID }}"
hx-target="#datarow-{{ .ID }}" hx-target="#datarow-{{ .ID }}"