yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI: machine details layout consistent

Browse Source
This commit is contained in:
Johannes Kirschbauer
2024-12-11 11:34:02 +01:00
parent ad69b8749e
commit b7abbeffdd
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
pkgs/webview-ui/app/src/routes/machines/details.tsx
View File

@@ -1,6 +1,5 @@
import { callApi, SuccessData, SuccessQuery } from "@/src/api"; import { callApi, SuccessData, SuccessQuery } from "@/src/api";
import { activeURI } from "@/src/App"; import { activeURI } from "@/src/App";
import { BackButton } from "@/src/components/BackButton";
import { Button } from "@/src/components/button"; import { Button } from "@/src/components/button";
import { FileInput } from "@/src/components/FileInput"; import { FileInput } from "@/src/components/FileInput";
import Icon from "@/src/components/icon"; import Icon from "@/src/components/icon";
@@ -17,6 +16,7 @@ import { createQuery } from "@tanstack/solid-query";
import { createSignal, For, Show } from "solid-js"; import { createSignal, For, Show } from "solid-js";
import toast from "solid-toast"; import toast from "solid-toast";
import { MachineAvatar } from "./avatar"; import { MachineAvatar } from "./avatar";
import { Header } from "@/src/layout/header";
type MachineFormInterface = MachineData & { type MachineFormInterface = MachineData & {
sshKey?: File; sshKey?: File;
@@ -502,19 +502,21 @@ export const MachineDetails = () => {
})); }));
return ( return (
<div class="card"> <>
<BackButton /> <Header title={`${params.id} machine`} showBack />
<Show <div class="card">
when={genericQuery.data} <Show
fallback={<span class="loading loading-lg"></span>} when={genericQuery.data}
> fallback={<span class="loading loading-lg"></span>}
{(data) => ( >
<> {(data) => (
<MachineForm initialData={data()} /> <>
</> <MachineForm initialData={data()} />
)} </>
</Show> )}
</div> </Show>
</div>
</>
); );
}; };