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