2 files changed, 6 insertions, 5 deletions
diff --git a/packages/client/src/components/toast.vue b/packages/client/src/components/toast.vue
index 740370003e..a04cf764ad 100644
--- a/packages/client/src/components/toast.vue
+++ b/packages/client/src/components/toast.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="mk-toast">
+<div class="mk-toast" style="{ zIndex }">
 	<transition name="notification-slide" appear @after-leave="$emit('closed')">
 		<XNotification v-if="showing" :notification="notification" class="notification _acrylic"/>
 	</transition>
@@ -9,6 +9,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import XNotification from './notification.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -23,7 +24,8 @@ export default defineComponent({
 	emits: ['closed'],
 	data() {
 		return {
-			showing: true
+			showing: true,
+			zIndex: os.claimZIndex(true),
 		};
 	},
 	mounted() {
@@ -45,7 +47,6 @@ export default defineComponent({
 
 .mk-toast {
 	position: fixed;
-	z-index: 10000;
 	left: 0;
 	width: 250px;
 	top: 32px;
diff --git a/packages/client/src/ui/_common_/upload.vue b/packages/client/src/ui/_common_/upload.vue
index 1a20d46796..09d1529e7a 100644
--- a/packages/client/src/ui/_common_/upload.vue
+++ b/packages/client/src/ui/_common_/upload.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="mk-uploader _acrylic">
+<div class="mk-uploader _acrylic" :style="{ zIndex }">
 	<ol v-if="uploads.length > 0">
 		<li v-for="ctx in uploads" :key="ctx.id">
 			<div class="img" :style="{ backgroundImage: `url(${ ctx.img })` }"></div>
@@ -25,6 +25,7 @@ export default defineComponent({
 	data() {
 		return {
 			uploads: os.uploads,
+			zIndex: os.claimZIndex(true),
 		};
 	},
 });
@@ -33,7 +34,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .mk-uploader {
 	position: fixed;
-	z-index: 10000;
 	right: 16px;
 	width: 260px;
 	top: 32px;