enhance(client): show warning on screen when logged in as bot

Related #9386
This commit is contained in:
syuilo 2022-12-23 17:13:43 +09:00
parent f9ea2d4ee7
commit 2efd06f4ad
2 changed files with 27 additions and 0 deletions

View file

@ -910,6 +910,7 @@ sendPushNotificationReadMessageCaption: "「{emptyPushNotificationMessage}」と
windowMaximize: "最大化"
windowRestore: "元に戻す"
caption: "キャプション"
loggedInAsBot: "Botアカウントでログイン中"
_sensitiveMediaDetection:
description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てることができます。サーバーの負荷が少し増えます。"

View file

@ -14,6 +14,8 @@
<div v-if="pendingApiRequestsCount > 0" id="wait"></div>
<div v-if="dev" id="devTicker"><span>DEV BUILD</span></div>
<div v-if="$i && $i.isBot" id="botWarn"><span>{{ i18n.ts.loggedInAsBot }}</span></div>
</template>
<script lang="ts" setup>
@ -24,6 +26,7 @@ import { uploads } from '@/scripts/upload';
import * as sound from '@/scripts/sound';
import { $i } from '@/account';
import { stream } from '@/stream';
import { i18n } from '@/i18n';
const XStreamIndicator = defineAsyncComponent(() => import('./stream-indicator.vue'));
const XUpload = defineAsyncComponent(() => import('./upload.vue'));
@ -94,6 +97,29 @@ if ($i) {
}
}
#botWarn {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: max-content;
text-align: center;
z-index: 2147483647;
color: #ff0;
background: rgba(0, 0, 0, 0.5);
padding: 4px 7px;
font-size: 14px;
pointer-events: none;
user-select: none;
> span {
animation: dev-ticker-blink 2s infinite;
}
}
#devTicker {
position: fixed;
top: 0;