From 57d53d5bc64542e554d903ae47310af93b3c53d3 Mon Sep 17 00:00:00 2001
From: sim1222 <kousuke11236124@gmail.com>
Date: Sat, 18 Jun 2022 18:24:20 +0900
Subject: [PATCH] fix visitor UI

---
 package.json                              |  2 +-
 packages/client/src/components/signup.vue |  1 +
 packages/client/src/ui/visitor/a.vue      | 12 +++++++++++-
 packages/client/src/ui/visitor/b.vue      | 10 +++++++++-
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 610fb76af..83c943acf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "12.111.1-simkey-v15",
+	"version": "12.111.1-simkey-v16",
 	"codename": "indigo",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/signup.vue b/packages/client/src/components/signup.vue
index 3f2af306e..56b2f28c5 100644
--- a/packages/client/src/components/signup.vue
+++ b/packages/client/src/components/signup.vue
@@ -1,6 +1,7 @@
 <template>
 <form class="qlvuhzng _formRoot" autocomplete="new-password" @submit.prevent="onSubmit">
 	<template v-if="meta">
+		<div class="_formBlock">過去にこのインスタンスを訪れたことがある場合は、<a href="/flush" target="_blank" class="_link">Local Storageを削除</a>してください</div>
 		<MkInput v-if="meta.disableRegistration" v-model="invitationCode" class="_formBlock" type="text" spellcheck="false" required>
 			<template #label>{{ $ts.invitationCode }}</template>
 			<template #prefix><i class="fas fa-key"></i></template>
diff --git a/packages/client/src/ui/visitor/a.vue b/packages/client/src/ui/visitor/a.vue
index af77f9e97..a977b41ae 100644
--- a/packages/client/src/ui/visitor/a.vue
+++ b/packages/client/src/ui/visitor/a.vue
@@ -18,7 +18,7 @@
 		</div>
 	</div>
 
-	<div class="main">
+	<div class="main" :class="{ 'noroot': $route.path === '/' }">
 		<div ref="contents" class="contents" :class="{ wallpaper }">
 			<header v-show="$route.path !== '/'" ref="header" class="header">
 				<XHeader :info="pageInfo"/>
@@ -131,6 +131,16 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+
+.noroot {
+	background: rgba(0, 0, 0, 0.6);
+	
+		&.transparent {
+			-webkit-backdrop-filter: var(--blur, blur(12px));
+			backdrop-filter: var(--blur, blur(12px));
+		}
+}
+
 .mk-app {
 	min-height: 100vh;
 
diff --git a/packages/client/src/ui/visitor/b.vue b/packages/client/src/ui/visitor/b.vue
index c9c0a1f72..6664fe7f6 100644
--- a/packages/client/src/ui/visitor/b.vue
+++ b/packages/client/src/ui/visitor/b.vue
@@ -6,7 +6,7 @@
 		<XKanban class="kanban" full/>
 	</div>
 
-	<div class="main">
+	<div class="main" :class="{ 'noroot': !root }">
 		<XKanban v-if="narrow && !root" class="banner" :powered-by="root"/>
 
 		<div class="contents">
@@ -161,6 +161,14 @@ export default defineComponent({
 </style>
 
 <style lang="scss" scoped>
+.noroot {
+	background: rgba(0, 0, 0, 0.6);
+	&.transparent {
+		-webkit-backdrop-filter: var(--blur, blur(12px));
+		backdrop-filter: var(--blur, blur(12px));
+	}
+}
+
 .tray-enter-active,
 .tray-leave-active {
 	opacity: 1;