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

Fix(app/machine/create): fix css styling inconsistencies, remove ability to set tags

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-04-28 14:25:29 +02:00
parent 05c172466f
commit a6f97b0a04
2 changed files with 5 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pkgs/webview-ui/app/src/routes/machines/avatar.tsx
View File

@@ -10,11 +10,11 @@ export const MachineAvatar = (props: AvatarProps) => {
<div class=""> <div class="">
<div <div
class={cx( class={cx(
"rounded-lg border p-2 bg-def-1 border-def-3 size-36", "rounded-lg border p-2 bg-def-1 border-def-3 h-fit",
props.class, props.class,
)} )}
> >
<RndThumbnail name={props.name || ""} /> <RndThumbnail name={props.name || ""} height={120} width={220} />
</div> </div>
</div> </div>
</figure> </figure>

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

@@ -73,16 +73,17 @@ export function CreateMachine() {
<Header title="Create Machine" /> <Header title="Create Machine" />
<div class="flex w-full p-4"> <div class="flex w-full p-4">
<div class="mt-4 w-full self-stretch px-2"> <div class="mt-4 w-full self-stretch px-2">
<Form onSubmit={handleSubmit} class=""> <Form onSubmit={handleSubmit} class="gap-2 flex flex-col">
<Field <Field
name="opts.machine.name" name="opts.machine.name"
validate={[required("This field is required")]} validate={[required("This field is required")]}
> >
{(field, props) => ( {(field, props) => (
<> <>
<div class="flex justify-center"> <div class="flex justify-center mb-4 pb-4 border-b">
<MachineAvatar name={field.value} /> <MachineAvatar name={field.value} />
</div> </div>
<TextInput <TextInput
inputProps={props} inputProps={props}
value={`${field.value}`} value={`${field.value}`}
@@ -105,31 +106,6 @@ export function CreateMachine() {
/> />
)} )}
</Field> </Field>
<Field name="opts.machine.tags" type="string[]">
{(field, props) => (
<div class="p-2">
<DynForm
initialValues={{ tags: ["all"] }}
components={{
before: <div>Tags</div>,
}}
schema={{
type: "object",
properties: {
tags: {
type: "array",
items: {
title: "Tag",
type: "string",
},
uniqueItems: true,
},
},
}}
/>
</div>
)}
</Field>
<div class=" " tabindex="0"> <div class=" " tabindex="0">
<input type="checkbox" /> <input type="checkbox" />
<div class=" font-medium ">Deployment Settings</div> <div class=" font-medium ">Deployment Settings</div>