Makes tailwind version of history page

resources/public/js/htmx-disable.js

@@ -1,5 +1,6 @@
 htmx.defineExtension('disable-submit', {
     onEvent: function (name, evt, data) {
+    /*
         let elt = evt.detail.elt;
         let result = elt.querySelectorAll('.hx-disable');
 
@@ -12,5 +13,6 @@ htmx.defineExtension('disable-submit', {
             result.forEach(element => element.disabled = false);
             if (elt.classList.contains('hx-disable')) elt.disabled = false;
         }
+        */
     }
 })

resources/public/output.css

@@ -1228,6 +1228,10 @@ input:checked + .toggle-bg {
   margin-top: 1.25rem;
 }
 
+.mt-4 {
+  margin-top: 1rem;
+}
+
 .block {
   display: block;
 }
@@ -1368,6 +1372,10 @@ input:checked + .toggle-bg {
   max-width: 1024px;
 }
 
+.max-w-lg {
+  max-width: 32rem;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1773,6 +1781,11 @@ input:checked + .toggle-bg {
   background-color: rgb(253 246 178 / var(--tw-bg-opacity));
 }
 
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 205 205 / var(--tw-bg-opacity));
+}
+
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
@@ -2520,6 +2533,11 @@ input:checked + .toggle-bg {
   background-color: rgb(99 49 18 / var(--tw-bg-opacity));
 }
 
+:is(.dark .dark\:bg-red-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 1 1 / var(--tw-bg-opacity));
+}
+
 :is(.dark .dark\:bg-opacity-80) {
   --tw-bg-opacity: 0.8;
 }
@@ -2584,6 +2602,11 @@ input:checked + .toggle-bg {
   color: rgb(250 202 21 / var(--tw-text-opacity));
 }
 
+:is(.dark .dark\:text-red-300) {
+  --tw-text-opacity: 1;
+  color: rgb(255 104 104 / var(--tw-text-opacity));
+}
+
 :is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
@@ -2730,6 +2753,10 @@ input:checked + .toggle-bg {
     margin-right: 6rem;
   }
 
+  .md\:table-cell {
+    display: table-cell;
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
@@ -2760,6 +2787,10 @@ input:checked + .toggle-bg {
     display: flex;
   }
 
+  .lg\:table-cell {
+    display: table-cell;
+  }
+
   .lg\:hidden {
     display: none;
   }