summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkImageEffectorFxForm.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/components/MkImageEffectorFxForm.vue')
-rw-r--r--packages/frontend/src/components/MkImageEffectorFxForm.vue10
1 files changed, 3 insertions, 7 deletions
diff --git a/packages/frontend/src/components/MkImageEffectorFxForm.vue b/packages/frontend/src/components/MkImageEffectorFxForm.vue
index e581b1f743..6bbec6c868 100644
--- a/packages/frontend/src/components/MkImageEffectorFxForm.vue
+++ b/packages/frontend/src/components/MkImageEffectorFxForm.vue
@@ -28,13 +28,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>{{ v.label ?? k }}</template>
<template v-if="v.caption != null" #caption>{{ v.caption }}</template>
</MkRange>
- <MkRadios v-else-if="v.type === 'number:enum'" v-model="params[k]">
+ <MkRadios v-else-if="v.type === 'number:enum'" v-model="params[k]" :options="v.enum">
<template #label>{{ v.label ?? k }}</template>
<template v-if="v.caption != null" #caption>{{ v.caption }}</template>
- <option v-for="item in v.enum" :value="item.value">
- <i v-if="item.icon" :class="item.icon"></i>
- <template v-else>{{ item.label }}</template>
- </option>
</MkRadios>
<div v-else-if="v.type === 'seed'">
<MkRange v-model="params[k]" continuousUpdate type="number" :min="0" :max="10000" :step="1">
@@ -48,7 +44,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput>
</div>
<div v-if="Object.keys(paramDefs).length === 0" :class="$style.nothingToConfigure">
- {{ i18n.ts._imageEffector.nothingToConfigure }}
+ {{ i18n.ts.nothingToConfigure }}
</div>
</div>
</template>
@@ -68,7 +64,7 @@ defineProps<{
const params = defineModel<Record<string, any>>({ required: true });
function getHex(c: ImageEffectorRGB) {
- return `#${c.map(x => (x * 255).toString(16).padStart(2, '0')).join('')}`;
+ return `#${c.map(x => Math.round(x * 255).toString(16).padStart(2, '0')).join('')}`;
}
function getRgb(hex: string | number): ImageEffectorRGB | null {