diff options
| author | Sugar <sugar@sylveon.social> | 2024-04-20 20:49:18 +0200 |
|---|---|---|
| committer | Sugar <sugar@sylveon.social> | 2024-04-20 21:09:28 +0200 |
| commit | 9545b8209a166f75117a911d8871276644d90651 (patch) | |
| tree | f2ad515c20f154973b8aeaae9f8f0d4dece0b0fd /packages/frontend/src/components/MkTutorialDialog.Note.vue | |
| parent | merge: hide images/videos in og cards, when under a CW - fixes #487 (!488) (diff) | |
| download | sharkey-9545b8209a166f75117a911d8871276644d90651.tar.gz sharkey-9545b8209a166f75117a911d8871276644d90651.tar.bz2 sharkey-9545b8209a166f75117a911d8871276644d90651.zip | |
fix: update reaction icons in tutorial to match sharkey icons
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 5544434b5f..f8139d641e 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> |