summaryrefslogtreecommitdiff
path: root/packages
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2024-01-10 17:31:59 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2024-01-10 17:31:59 +0900
commit5c786cace839147a11fadac6ee46da29db5f2457 (patch)
treecc3560d4f37886c1dc40c1e43634467ebb70ebe5 /packages
parentEnhance(frontend): 絵文字ピッカー/オートコンプリートで完全... (diff)
downloadmisskey-5c786cace839147a11fadac6ee46da29db5f2457.tar.gz
misskey-5c786cace839147a11fadac6ee46da29db5f2457.tar.bz2
misskey-5c786cace839147a11fadac6ee46da29db5f2457.zip
enhance(drop-and-fusion): add game description
Diffstat (limited to 'packages')
-rw-r--r--packages/frontend/src/pages/drop-and-fusion.vue16
1 files changed, 13 insertions, 3 deletions
diff --git a/packages/frontend/src/pages/drop-and-fusion.vue b/packages/frontend/src/pages/drop-and-fusion.vue
index c5ab7a33f5..9fb7ab2e23 100644
--- a/packages/frontend/src/pages/drop-and-fusion.vue
+++ b/packages/frontend/src/pages/drop-and-fusion.vue
@@ -8,13 +8,13 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #header><MkPageHeader/></template>
<MkSpacer :contentMax="800">
<div v-show="!gameStarted" :class="$style.root">
- <div style="text-align: center;" class="_gaps">
- <div :class="$style.frame">
+ <div class="_gaps">
+ <div :class="$style.frame" style="text-align: center;">
<div :class="$style.frameInner">
<img src="/client-assets/drop-and-fusion/logo.png" style="display: block; max-width: 100%; max-height: 200px; margin: auto;"/>
</div>
</div>
- <div :class="$style.frame">
+ <div :class="$style.frame" style="text-align: center;">
<div :class="$style.frameInner">
<div class="_gaps" style="padding: 16px;">
<MkSelect v-model="gameMode">
@@ -33,6 +33,16 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</div>
</div>
+ <div :class="$style.frame">
+ <div :class="$style.frameInner">
+ <div>{{ i18n.ts._bubbleGame.howToPlay }}</div>
+ <ol>
+ <li>{{ i18n.ts._bubbleGame._howToPlay.section1 }}</li>
+ <li>{{ i18n.ts._bubbleGame._howToPlay.section2 }}</li>
+ <li>{{ i18n.ts._bubbleGame._howToPlay.section3 }}</li>
+ </ol>
+ </div>
+ </div>
</div>
</div>
<div v-show="gameStarted" class="_gaps_s" :class="$style.root">