diff --git a/package.json b/package.json index 430bb547..ac0a1eb7 100644 --- a/package.json +++ b/package.json @@ -48,6 +48,7 @@ "emoji-mart": "^5.2.2", "filepond": "^4.30.4", "floating-vue": "2.0.0-beta.20", + "fuse.js": "^6.6.2", "lodash.clonedeep": "^4.5.0", "lodash.isequal": "^4.5.0", "lodash.merge": "^4.6.2", @@ -55,7 +56,6 @@ "pinia": "^2.0.22", "pretty-bytes": "^6.0.0", "qs": "^6.11.0", - "unsplash-js": "^7.0.15", "uuid": "^8.3.2", "vue": "^3.2.39", "vue-filepond": "^7.0.3", diff --git a/packages/components/src/components/modal/Modal.vue b/packages/components/src/components/modal/Modal.vue index f959657d..6b8572df 100644 --- a/packages/components/src/components/modal/Modal.vue +++ b/packages/components/src/components/modal/Modal.vue @@ -11,6 +11,7 @@ const props = withDefaults( fullscreen?: boolean; bodyClass?: string[]; mountToBody?: boolean; + centered?: boolean; }>(), { visible: false, @@ -20,6 +21,7 @@ const props = withDefaults( fullscreen: false, bodyClass: undefined, mountToBody: false, + centered: true, } ); @@ -34,6 +36,7 @@ const modelWrapper = ref(); const wrapperClasses = computed(() => { return { "modal-wrapper-fullscreen": props.fullscreen, + "modal-wrapper-centered": props.centered, }; }); @@ -123,14 +126,15 @@ watch(