fix : add labels on log file fields and use MalioButtonIcon for delete

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-06 14:05:28 +02:00
parent 157d7c96b9
commit 4a43770238

View File

@@ -364,12 +364,17 @@ onMounted(loadApplication)
+ {{ t('environments.logFiles.addButton') }}
</button>
</div>
<div v-for="(lf, index) in envForm.logFiles" :key="index" class="flex gap-2 mb-2 items-center">
<MalioInputText v-model="lf.label" :placeholder="t('environments.logFiles.label')" class="flex-1" required />
<MalioInputText v-model="lf.path" :placeholder="t('environments.logFiles.path')" class="flex-[2]" required />
<button type="button" @click="removeLogFile(index)" class="text-red-500 hover:text-red-700 p-1">
<Icon name="mdi:close" size="18" />
</button>
<div v-for="(lf, index) in envForm.logFiles" :key="index" class="flex gap-2 mb-2 items-end">
<MalioInputText v-model="lf.label" :label="t('environments.logFiles.label')" class="flex-1" required />
<MalioInputText v-model="lf.path" :label="t('environments.logFiles.path')" class="flex-[2]" required />
<MalioButtonIcon
icon="mdi:delete-outline"
:aria-label="t('environments.logFiles.remove')"
variant="ghost"
icon-size="18"
button-class="text-red-500 hover:bg-red-50 hover:text-red-700 mb-1"
@click="removeLogFile(index)"
/>
</div>
</div>
</form>