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

fix(ui): normalize font sizes in machine detail view

Browse Source
This commit is contained in:
Brian McGee
2025-05-27 09:17:11 +01:00
parent 465fd14bfe
commit c36cf800bb
1 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
pkgs/clan-app/ui/src/routes/machines/details.tsx
View File

@@ -77,10 +77,12 @@ const LoadingBar = () => (
function sleep(ms: number) { function sleep(ms: number) {
return new Promise((resolve) => setTimeout(resolve, ms)); return new Promise((resolve) => setTimeout(resolve, ms));
} }
interface InstallMachineProps { interface InstallMachineProps {
name?: string; name?: string;
machine: MachineData; machine: MachineData;
} }
const InstallMachine = (props: InstallMachineProps) => { const InstallMachine = (props: InstallMachineProps) => {
const { activeClanURI } = useClanContext(); const { activeClanURI } = useClanContext();
@@ -381,6 +383,7 @@ const InstallMachine = (props: InstallMachineProps) => {
interface MachineDetailsProps { interface MachineDetailsProps {
initialData: MachineData; initialData: MachineData;
} }
const MachineForm = (props: MachineDetailsProps) => { const MachineForm = (props: MachineDetailsProps) => {
const [formStore, { Form, Field }] = const [formStore, { Form, Field }] =
// TODO: retrieve the correct initial values from API // TODO: retrieve the correct initial values from API
@@ -617,27 +620,29 @@ const MachineForm = (props: MachineDetailsProps) => {
</Field> </Field>
</Fieldset> </Fieldset>
<Fieldset legend="Hardware"> <Typography hierarchy={"body"} size={"s"}>
<Field name="hw_config"> <Fieldset legend="Hardware">
{(field, props) => ( <Field name="hw_config">
<FieldLayout {(field, props) => (
label={<InputLabel>Hardware Configuration</InputLabel>}
field={<span>{field.value || "None"}</span>}
/>
)}
</Field>
<hr />
<Field name="disk_schema.schema_name">
{(field, props) => (
<>
<FieldLayout <FieldLayout
label={<InputLabel>Disk schema</InputLabel>} label={<InputLabel>Hardware Configuration</InputLabel>}
field={<span>{field.value || "None"}</span>} field={<span>{field.value || "None"}</span>}
/> />
</> )}
)} </Field>
</Field> <hr />
</Fieldset> <Field name="disk_schema.schema_name">
{(field, props) => (
<>
<FieldLayout
label={<InputLabel>Disk schema</InputLabel>}
field={<span>{field.value || "None"}</span>}
/>
</>
)}
</Field>
</Fieldset>
</Typography>
<Accordion title="Connection Settings"> <Accordion title="Connection Settings">
<Fieldset> <Fieldset>