diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2024-01-07 16:32:52 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2024-01-07 16:32:52 +0900 |
| commit | 0d830d720a455a957a88eaa8d2725c7fc0411ecb (patch) | |
| tree | db04070ebcc804d09588e6a06ea879f9a6897fdb | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | misskey-0d830d720a455a957a88eaa8d2725c7fc0411ecb.tar.gz misskey-0d830d720a455a957a88eaa8d2725c7fc0411ecb.tar.bz2 misskey-0d830d720a455a957a88eaa8d2725c7fc0411ecb.zip | |
enhance(frontend): tweak ui
| -rw-r--r-- | packages/frontend/assets/drop-and-fusion/gameover.png | bin | 0 -> 67156 bytes | |||
| -rw-r--r-- | packages/frontend/src/components/MkPlusOneEffect.vue | 1 | ||||
| -rw-r--r-- | packages/frontend/src/pages/drop-and-fusion.vue | 11 |
3 files changed, 9 insertions, 3 deletions
diff --git a/packages/frontend/assets/drop-and-fusion/gameover.png b/packages/frontend/assets/drop-and-fusion/gameover.png Binary files differnew file mode 100644 index 0000000000..8b622577ca --- /dev/null +++ b/packages/frontend/assets/drop-and-fusion/gameover.png diff --git a/packages/frontend/src/components/MkPlusOneEffect.vue b/packages/frontend/src/components/MkPlusOneEffect.vue index 6feb85d8de..e5e5a9edf4 100644 --- a/packages/frontend/src/components/MkPlusOneEffect.vue +++ b/packages/frontend/src/components/MkPlusOneEffect.vue @@ -42,6 +42,7 @@ onMounted(() => { <style lang="scss" module> .root { + user-select: none; pointer-events: none; position: fixed; width: 128px; diff --git a/packages/frontend/src/pages/drop-and-fusion.vue b/packages/frontend/src/pages/drop-and-fusion.vue index d4233c696f..4b5c3930ba 100644 --- a/packages/frontend/src/pages/drop-and-fusion.vue +++ b/packages/frontend/src/pages/drop-and-fusion.vue @@ -82,9 +82,14 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.dropGuide" :style="{ left: (mouseX - 2) + 'px' }"/> </template> <div v-if="gameOver" :class="$style.gameOverLabel"> - <div>GAME OVER!</div> - <div>SCORE: <MkNumber :value="score"/></div> - <MkButton primary rounded inline @click="share">Share</MkButton> + <div class="_gaps_s"> + <img src="/client-assets/drop-and-fusion/gameover.png" style="width: 200px; max-width: 100%; display: block; margin: auto; margin-bottom: -5px;"/> + <div>SCORE: <MkNumber :value="score"/></div> + <div class="_buttonsCenter"> + <MkButton primary rounded @click="restart">Restart</MkButton> + <MkButton primary rounded @click="share">Share</MkButton> + </div> + </div> </div> </div> </div> |
