微調整

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')}

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>

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>

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;