diff --git a/src/components/Join.vue b/src/components/Join.vue
index c12d547..d4a7a3a 100644
--- a/src/components/Join.vue
+++ b/src/components/Join.vue
@@ -114,7 +114,7 @@
+ :accept="supportedAvatarImageTypes" class="d-none" />
{{ $t("profile.select_language") }}
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index cf2d62a..556a7e0 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -33,7 +33,7 @@
type="file"
name="avatar"
@change="handlePickedAvatar($event)"
- :accept="supportedImageTypes"
+ :accept="supportedAvatarImageTypes"
class="d-none"
/>
diff --git a/src/components/RoomAvatarPicker.vue b/src/components/RoomAvatarPicker.vue
index e7c4c40..710498d 100644
--- a/src/components/RoomAvatarPicker.vue
+++ b/src/components/RoomAvatarPicker.vue
@@ -10,7 +10,7 @@
type="file"
name="roomAvatar"
@change="handleRoomPickedAvatar($event)"
- :accept="supportedImageTypes"
+ :accept="supportedAvatarImageTypes"
class="d-none"
/>
diff --git a/src/components/create/CreateRoomAvatar.vue b/src/components/create/CreateRoomAvatar.vue
index bad15ce..cd58924 100644
--- a/src/components/create/CreateRoomAvatar.vue
+++ b/src/components/create/CreateRoomAvatar.vue
@@ -4,7 +4,7 @@
$vuetify.icons.room_avatar_placeholder
$vuetify.icons.ic_camera
+ @change="handlePickedRoomAvatar($event)" :accept="supportedAvatarImageTypes" class="d-none" />
diff --git a/src/main.js b/src/main.js
index d5be7dd..a3dce53 100644
--- a/src/main.js
+++ b/src/main.js
@@ -16,7 +16,7 @@ import Vue3Sanitize from "vue-3-sanitize";
import vuetify from './plugins/vuetify';
import { Buffer } from 'buffer/'
import { createApp, h } from 'vue';
-import { supportedImageTypes } from '@/plugins/utils';
+import { supportedImageTypes, supportedAvatarImageTypes } from '@/plugins/utils';
globalThis.Buffer = Buffer;
@@ -28,7 +28,7 @@ const app = createApp({
render: () => h(App)
});
app.config.globalProperties.supportedImageTypes = supportedImageTypes;
-
+app.config.globalProperties.supportedAvatarImageTypes = supportedAvatarImageTypes;
app.use(Vue3Sanitize, defaultOptions);
diff --git a/src/plugins/utils.js b/src/plugins/utils.js
index ef2c615..cc3f10c 100644
--- a/src/plugins/utils.js
+++ b/src/plugins/utils.js
@@ -36,9 +36,17 @@ export const supportedImageTypes = [
"image/jpg",
"image/jpeg",
"image/png",
- "image/svg",
+ "image/svg+xml",
+ "image/webp",
+];
+
+export const supportedAvatarImageTypes = [
+ "image/bmp",
+ "image/gif",
+ "image/jpg",
+ "image/jpeg",
+ "image/png",
"image/webp",
- "image/x-icon"
];
// Install extended localized format