Fix: mobile - adjust toast

sakura-tel · Jan 14, 2023 · 7844e93 · 7844e93
1 parent d3dda02
commit 7844e93
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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'
 			});