diff options
| author | dakkar <dakkar@thenautilus.net> | 2024-05-11 13:11:07 +0100 |
|---|---|---|
| committer | dakkar <dakkar@thenautilus.net> | 2024-05-11 13:11:07 +0100 |
| commit | 30bd7768d6d892629cd924da38bbc7ec0d2a117a (patch) | |
| tree | 1bf440d1c4df5ecb7a765fedbe26bab41d6b53cc /packages/frontend/src/components/MkTutorialDialog.Note.vue | |
| parent | fix some icons (diff) | |
| parent | merge: bump develop after 2024.3.3 (!512) (diff) | |
| download | sharkey-30bd7768d6d892629cd924da38bbc7ec0d2a117a.tar.gz sharkey-30bd7768d6d892629cd924da38bbc7ec0d2a117a.tar.bz2 sharkey-30bd7768d6d892629cd924da38bbc7ec0d2a117a.zip | |
Merge branch 'develop' into future-2024-04-25-post
Diffstat (limited to 'packages/frontend/src/components/MkTutorialDialog.Note.vue')
| -rw-r--r-- | packages/frontend/src/components/MkTutorialDialog.Note.vue | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkTutorialDialog.Note.vue b/packages/frontend/src/components/MkTutorialDialog.Note.vue index 57216058fd..725cfcdc33 100644 --- a/packages/frontend/src/components/MkTutorialDialog.Note.vue +++ b/packages/frontend/src/components/MkTutorialDialog.Note.vue @@ -16,9 +16,20 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <div v-else-if="phase === 'howToReact'" class="_gaps"> <div style="text-align: center; padding: 0 16px;">{{ i18n.ts._initialTutorial._reaction.description }}</div> - <div>{{ i18n.ts._initialTutorial._reaction.letsTryReacting }}</div> + <I18n :src="i18n.ts._initialTutorial._reaction.letsTryReacting" tag="div"> + <template #reaction> + <i class="ph-smiley ph-bold ph-lg"></i> + </template> + </I18n> <MkNote :class="$style.exampleNoteRoot" :note="exampleNote" :mock="true" @reaction="addReaction" @removeReaction="removeReaction"/> - <div v-if="onceReacted"><b style="color: var(--accent);"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts._initialTutorial.wellDone }}</b> {{ i18n.ts._initialTutorial._reaction.reactNotification }}<br>{{ i18n.ts._initialTutorial._reaction.reactDone }}</div> + <div v-if="onceReacted"> + <b style="color: var(--accent);"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts._initialTutorial.wellDone }}</b> {{ i18n.ts._initialTutorial._reaction.reactNotification }}<br> + <I18n :src="i18n.ts._initialTutorial._reaction.reactDone"> + <template #undo> + <i class="ph-minus ph-bold ph-lg"></i> + </template> + </I18n> + </div> </div> </template> |