Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-11-13 17:08:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: add text to no param tools

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-10-06 18:40:17 +05:00
parent 83e75b5589
commit e7d3925eb2
2 changed files with 46 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/schema/SchemaFields.svelte
+43 -33
View File
@@ -75,6 +75,7 @@
}: Props = $props();
const layoutGroups = $derived(resolveLayoutGroups(schema));
const isEmpty = $derived(Object.keys(schema.fields).length === 0);
function effectiveSpec(spec: FieldSpec): FieldSpec {
if (sourceDims && spec.kind === "number" && spec.maxFromSource) {
@@ -84,40 +85,44 @@
}
</script>
{#each layoutGroups as group (group.key)}
{#if group.title}
<span class="group-title">{groupLabel(group.title)}</span>
{/if}
<div
class="group-fields"
style:grid-template-columns={group.cols > 1
? `repeat(${group.cols}, minmax(0, 1fr))`
: undefined}
>
{#each group.fields as id (id)}
{@const Control = FIELDS[schema.fields[id].spec.kind]}
<Control
label={fieldLabel(schema.fields[id], id)}
value={values[id]}
spec={effectiveSpec(schema.fields[id].spec)}
{toolId}
fieldId={id}
{sourceDims}
onchange={(v, axis) => onchange(id, v, axis)}
/>
{/each}
</div>
{/each}
{#if isEmpty}
<p class="no-params">{t("paramsCard.noParams")}</p>
{:else}
{#each layoutGroups as group (group.key)}
{#if group.title}
<span class="group-title">{groupLabel(group.title)}</span>
{/if}
<div
class="group-fields"
style:grid-template-columns={group.cols > 1
? `repeat(${group.cols}, minmax(0, 1fr))`
: undefined}
>
{#each group.fields as id (id)}
{@const Control = FIELDS[schema.fields[id].spec.kind]}
<Control
label={fieldLabel(schema.fields[id], id)}
value={values[id]}
spec={effectiveSpec(schema.fields[id].spec)}
{toolId}
fieldId={id}
{sourceDims}
onchange={(v, axis) => onchange(id, v, axis)}
/>
{/each}
</div>
{/each}
<div class="panel-foot">
<Button
icon={RotateCcw}
label={t("ui.reset")}
variant="clear"
size="s"
onclick={onreset}
/>
</div>
<div class="panel-foot">
<Button
icon={RotateCcw}
label={t("ui.reset")}
variant="clear"
size="s"
onclick={onreset}
/>
</div>
{/if}
<style>
.group-title {
@@ -132,6 +137,11 @@
.group-title:first-child {
margin-top: 0;
}
.no-params {
margin: 0;
color: var(--color-text-muted);
font: var(--font-size-s) var(--font-mono);
}
.group-fields {
display: grid;
grid-template-columns: 1fr;