diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-03-03 01:17:37 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-03-03 01:17:37 +0900 |
| commit | 0bd68902f995e4fc56f7c02bc643880030a3adcb (patch) | |
| tree | e88483112d57ad4bcd028bd2fbed084f8d657eca /packages/client/src | |
| parent | fix(client): ユーザー名オートコンプリートが正しく動作し... (diff) | |
| download | misskey-0bd68902f995e4fc56f7c02bc643880030a3adcb.tar.gz misskey-0bd68902f995e4fc56f7c02bc643880030a3adcb.tar.bz2 misskey-0bd68902f995e4fc56f7c02bc643880030a3adcb.zip | |
feat(client): indicate dev build
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/ui/_common_/common.vue | 37 |
1 files changed, 31 insertions, 6 deletions
diff --git a/packages/client/src/ui/_common_/common.vue b/packages/client/src/ui/_common_/common.vue index 98069258d9..98364b9631 100644 --- a/packages/client/src/ui/_common_/common.vue +++ b/packages/client/src/ui/_common_/common.vue @@ -11,6 +11,8 @@ <XStreamIndicator/> <div v-if="pendingApiRequestsCount > 0" id="wait"></div> + +<div v-if="dev" id="devTicker"><span>DEV BUILD</span></div> </template> <script lang="ts"> @@ -52,12 +54,28 @@ export default defineComponent({ uploads, popups, pendingApiRequestsCount, + dev: _DEV_, }; }, }); </script> <style lang="scss"> +@keyframes dev-ticker-blink { + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } +} + +@keyframes progress-spinner { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + #wait { display: block; position: fixed; @@ -79,12 +97,19 @@ export default defineComponent({ } } -@keyframes progress-spinner { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); +#devTicker { + position: fixed; + top: 0; + left: 0; + z-index: 2147483647; + color: #ff0; + background: rgba(0, 0, 0, 0.5); + padding: 4px 5px; + font-size: 14px; + pointer-events: none; + + > span { + animation: dev-ticker-blink 2s infinite; } } </style> |