From 81d873753b9c96350939b4f2b1ccc94d2bb91d44 Mon Sep 17 00:00:00 2001
From: Xeltica <xeltica@gmail.com>
Date: Tue, 21 Jun 2022 12:55:05 +0900
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/App.tsx           | 1 +
 src/frontend/GeneralLayout.tsx | 3 ++-
 src/frontend/Modal.tsx         | 2 +-
 src/frontend/style.scss        | 4 +++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/frontend/App.tsx b/src/frontend/App.tsx
index 3b08b17..fc6a1de 100644
--- a/src/frontend/App.tsx
+++ b/src/frontend/App.tsx
@@ -51,6 +51,7 @@ const AppInner : React.VFC = () => {
 			) : <Router />}
 			<footer className="text-center pa-5">
 				<p>(C)2020-2022 <a href={XELTICA_STUDIO_URL} target="_blank" rel="noopener noreferrer">Xeltica Studio</a></p>
+				<p><span dangerouslySetInnerHTML={{__html: t('disclaimerForMisskeyHq')}} /></p>
 				<p>
 					<a href="https://xeltica.notion.site/Misskey-Tools-688187fc85de4b7e901055326c7ffe74" target="_blank" rel="noreferrer noopener">
 						{t('termsOfService')}
diff --git a/src/frontend/GeneralLayout.tsx b/src/frontend/GeneralLayout.tsx
index 7808c74..0dabf09 100644
--- a/src/frontend/GeneralLayout.tsx
+++ b/src/frontend/GeneralLayout.tsx
@@ -35,6 +35,7 @@ const MobileHeader = styled.header`
 	right: 0;
 	height: 64px;
 	background: var(--panel);
+	z-index: 1000;
 	> h1 {
 		font-size: 1rem;
 		margin-bottom: 0;
@@ -53,7 +54,7 @@ export const GeneralLayout: React.FC = ({children}) => {
 		<Container isMobile={isMobile}>
 			{isMobile && (
 				<MobileHeader className="navbar hstack f-middle shadow-2 pl-2">
-					<button className="btn flat" onClick={() => dispatch(setDrawerShown(true))}>
+					<button className="btn flat" onClick={() => dispatch(setDrawerShown(!isDrawerShown))}>
 						<i className="fas fa-bars"></i>
 					</button>
 					<h1>{t(title ?? 'title')}</h1>
diff --git a/src/frontend/Modal.tsx b/src/frontend/Modal.tsx
index c6db066..47a7ff5 100644
--- a/src/frontend/Modal.tsx
+++ b/src/frontend/Modal.tsx
@@ -98,7 +98,7 @@ export const ModalComponent: React.VFC = () => {
 	if (!shown || !modal) return null;
 
 	return (
-		<div className={`modal fade ${modal.type === 'menu' ? 'top-left' : ''}`} onClick={() => dispatch(hideModal())}>
+		<div className={`modal fade ${modal.type === 'menu' ? 'top-left' : 'darken'}`} onClick={() => dispatch(hideModal())}>
 			<div className="fade up" onClick={(e) => e.stopPropagation()}>
 				{ ModalInner(modal) }
 			</div>
diff --git a/src/frontend/style.scss b/src/frontend/style.scss
index 08abc35..3411264 100644
--- a/src/frontend/style.scss
+++ b/src/frontend/style.scss
@@ -87,7 +87,9 @@ small {
     display: flex;
     justify-content: center;
     align-items: center;
-    background: #000000c0;
+    &.darken {
+        background: #000000c0;
+    }
     z-index: 40000;
     &.top-left {
         justify-content: flex-start;