From 7844e934d26de4262a79d9f5ce02ad784eb111de Mon Sep 17 00:00:00 2001
From: fs5m8 <fsco3092@protonmail.com>
Date: Sat, 14 Jan 2023 17:33:54 +0900
Subject: [PATCH] Fix: mobile - adjust toast

---
 .../app/common/views/components/stream-indicator.vue      | 8 +++++++-
 src/client/app/mobile/views/components/notify.vue         | 4 +++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/client/app/common/views/components/stream-indicator.vue b/src/client/app/common/views/components/stream-indicator.vue
index 6600cadaff..5c1ed8a558 100644
--- a/src/client/app/common/views/components/stream-indicator.vue
+++ b/src/client/app/common/views/components/stream-indicator.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="mk-stream-indicator">
+<div class="mk-stream-indicator" :class="{ isMobile: $root.isMobile, inDeckMode: $store.state.device.inDeckMode }">
 	<p v-if="stream.state == 'initializing'">
 		<fa icon="spinner" pulse/>
 		<span>{{ $t('connecting') }}<mk-ellipsis/></span>
@@ -85,4 +85,10 @@ export default Vue.extend({
 		> [data-icon]
 			margin-right 0.25em
 
+	&.isMobile
+		bottom 66px
+
+		&.inDeckMode
+			bottom 120px
+
 </style>
diff --git a/src/client/app/mobile/views/components/notify.vue b/src/client/app/mobile/views/components/notify.vue
index 8524c19ddf..740413b948 100644
--- a/src/client/app/mobile/views/components/notify.vue
+++ b/src/client/app/mobile/views/components/notify.vue
@@ -23,7 +23,9 @@ export default Vue.extend({
 		this.$nextTick(() => {
 			anime({
 				targets: this.$el,
-				[this.pos]: '0px',
+				[this.pos]: this.pos === 'bottom'
+										? this.$store.state.device.inDeckMode ? '108px' : '58px'
+										: this.$store.state.device.inDeckMode ? '0px' : '48px',
 				duration: 500,
 				easing: 'easeOutQuad'
 			});