YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: FileItem display

Browse source
This commit is contained in:
axolotle 2024-03-19 01:18:01 +01:00
parent 620694c42d
commit c730de8b32
1 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
app/src/components/globals/formItems/FileItem.vue
View file

@ -1,13 +1,15 @@
<template>
<BButtonGroup class="w-100">
<BButton
v-if="!this.required && this.modelValue.file !== null"
@click="clearFiles"
variant="danger"
>
<span class="sr-only">{{ $t('delete') }}</span>
<YIcon iname="trash" />
</BButton>
<BInputGroup class="w-100">
<template #append>
<BButton
v-if="!this.required && this.modelValue.file !== null"
@click="clearFiles"
variant="danger"
>
<span class="sr-only">{{ $t('delete') }}</span>
<YIcon iname="trash" />
</BButton>
</template>
<BFormFile
:modelValue="modelValue.file"
@ -23,7 +25,7 @@
@blur="touch(name)"
@focusout="touch(name)"
/>
</BButtonGroup>
</BInputGroup>
</template>
<script>
@ -38,7 +40,7 @@ export default {
modelValue: { type: Object, default: () => ({ file: null }) },
placeholder: { type: String, default: 'Choose a file or drop it here...' },
dropPlaceholder: { type: String, default: null },
accept: { type: String, default: null },
accept: { type: String, default: '' },
state: { type: Boolean, default: null },
required: { type: Boolean, default: false },
name: { type: String, default: null },
@ -89,6 +91,7 @@ export default {
</script>
<style lang="scss" scoped>
// fix https://getbootstrap.com/docs/5.2/migration/#forms
:deep(.custom-file-label) {
color: $input-placeholder-color;