move tsx kit -> uikit

web/auth/ProtectedRoute.ts

@@ -3,7 +3,7 @@ import html from "solid-js/html";
 import { useAuth } from "./AuthContext.ts";
 import { getToken } from "./useAuthFetch.js";
 import { hasPermission } from "./permissions.ts";
-import { Loader } from "../kit/General.tsx";
+import { Loader } from "../uikit/General.tsx";
 
 interface ProtectedRouteProps {
     permissions?: string[];

web/uikit/AutoTable.tsx

@@ -4183,31 +4183,32 @@ function PaginationButton(props: JSX.ButtonHTMLAttributes<HTMLButtonElement>) {
 
 interface TdProps {
     class?: string;
+    style?: string;
     children: any;
 }
 
 export function TdLeft(props: TdProps) {
-    return <td class={"text-left " + (props.class || "")}>{props.children}</td>;
+    return <td class={"text-left " + (props.class || "")} style={props.style}>{props.children}</td>;
 }
 
 export function TdRight(props: TdProps) {
-    return <td class={"text-right " + (props.class || "")}>{props.children}</td>;
+    return <td class={"text-right " + (props.class || "")} style={props.style}>{props.children}</td>;
 }
 
 export function TdCenter(props: TdProps) {
-    return <td class={"text-center " + (props.class || "")}>{props.children}</td>;
+    return <td class={"text-center " + (props.class || "")} style={props.style}>{props.children}</td>;
 }
 
 export function TdUniformLeft(props: TdProps) {
-    return <td class={"text-left " + (props.class || "")}>{props.children}</td>;
+    return <td class={"text-left " + (props.class || "")} style={props.style}>{props.children}</td>;
 }
 
 export function TdUniformRight(props: TdProps) {
-    return <td class={"text-right " + (props.class || "")}>{props.children}</td>;
+    return <td class={"text-right " + (props.class || "")} style={props.style}>{props.children}</td>;
 }
 
 export function TdUniformCenter(props: TdProps) {
-    return <td class={"text-center " + (props.class || "")}>{props.children}</td>;
+    return <td class={"text-center " + (props.class || "")} style={props.style}>{props.children}</td>;
 }
 
 export default AutoTable;

web/uikit/General.tsx

@@ -60,9 +60,9 @@ export function PageLink(props: PageLinkProps) {
     );
 }
 
-export function Loader() {
+export function Loader(props: { class?: string; style?: string }) {
     return (
-        <div class="flex items-center justify-center p-8">
+        <div class={"flex items-center justify-center p-8 " + (props.class || "")} style={props.style}>
             <div class="h-8 w-8 border-4 border-sky-700 border-t-transparent rounded-full animate-spin"></div>
         </div>
     );