tweaked file input

vue3/src/components/inputs/UserFileField.vue

@@ -1,6 +1,6 @@
 <template>
-    <v-input>
-        <v-card width="100%" link @click="dialog = !dialog">
+    <v-input :hint="hint" :persistent-hint="persistentHint">
+        <v-card width="100%" link @click="dialog = !dialog" >
             <v-card-text class="pt-2 pb-2">
                 <div class="d-flex flex-row">
                     <div>
@@ -15,7 +15,6 @@
                         <span class="ms-2" v-if="model != null">{{ model.name }}</span></div>
                 </div>
 
-
             </v-card-text>
 
             <!--TODO right floating edit/remove/delete/??? button -->
@@ -110,6 +109,8 @@ const emit = defineEmits(['update:modelValue', 'create'])
 const props = defineProps({
     model: {type: {} as UserFile, default: null},
     label: {type: String, default: ''},
+    hint: {type: String, default: ''},
+    persistentHint: {type: Boolean, default: false},
 })
 
 const model = defineModel()

vue3/src/components/settings/SpaceSettings.vue

@@ -30,11 +30,12 @@
         </v-row>
         <v-divider class="mt-3 mb-3"></v-divider>
         <user-file-field v-model="space.image" :label="$t('Image')"></user-file-field>
+        <user-file-field v-model="space.navLogo" :label="$t('Logo')" :hint="$t('CustomNavLogoHelp')" persistent-hint></user-file-field>
         <user-file-field v-model="space.logoColor32" :label="$t('Logo') + ' 32x32px'"></user-file-field>
         <user-file-field v-model="space.logoColor128"></user-file-field>
 
-        <v-text-field></v-text-field>
-        <v-text-field></v-text-field>
+        <v-text-field :hint="$t('CustomNavLogoHelp')" persistent-hint></v-text-field>
+        <v-text-field :hint="$t('CustomNavLogoHelp')" persistent-hint></v-text-field>
 
         <v-btn class="mt-3" color="success" @click="updateSpace()" prepend-icon="$save">{{ $t('Save') }}</v-btn>
     </v-form>