From bffcfd92da0c3db09b900dd63ce09575fdedd6f1 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 11 Apr 2021 00:03:31 +0900
Subject: Tweak UI

---
 src/client/ui/_common_/header.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/client/ui/_common_')

diff --git a/src/client/ui/_common_/header.vue b/src/client/ui/_common_/header.vue
index 8e547eba92..6b09e3122a 100644
--- a/src/client/ui/_common_/header.vue
+++ b/src/client/ui/_common_/header.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="fdidabkb" :class="{ center }" :style="`--height:${height};`">
+<div class="fdidabkb" :class="{ center }" :style="`--height:${height};`" :key="key">
 	<transition :name="$store.state.animation ? 'header' : ''" mode="out-in" appear>
 		<button class="_button back" v-if="withBack && canBack" @click.stop="back()" v-tooltip="$ts.goBack"><Fa :icon="faChevronLeft"/></button>
 	</transition>
@@ -50,6 +50,7 @@ export default defineComponent({
 			canBack: false,
 			showActions: false,
 			height: 0,
+			key: 0,
 			faChevronLeft, faCircle, faShareAlt, faEllipsisH,
 		};
 	},
@@ -64,6 +65,10 @@ export default defineComponent({
 	},
 
 	watch: {
+		info() {
+			this.key++;
+		},
+
 		$route: {
 			handler(to, from) {
 				this.canBack = (window.history.length > 0 && !['index'].includes(to.name));
-- 
cgit v1.2.3-freya