UX: add sparkle icon to related topics for anons (#897)

This commit is contained in:
Kris 2024-11-05 17:15:20 -05:00 committed by GitHub
parent da7c97d294
commit 1ad5321c09
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 1 deletions

View File

@ -1,6 +1,7 @@
import { cached, tracked } from "@glimmer/tracking";
import BasicTopicList from "discourse/components/basic-topic-list";
import { withPluginApi } from "discourse/lib/plugin-api";
import icon from "discourse-common/helpers/d-icon";
import i18n from "discourse-common/helpers/i18n";
const RelatedTopics = <template>
@ -11,7 +12,7 @@ const RelatedTopics = <template>
class="more-topics__list"
>
<h3 id="related-topics-title" class="more-topics__list-title">
{{i18n "discourse_ai.related_topics.title"}}
{{icon "discourse-sparkles"}}{{i18n "discourse_ai.related_topics.title"}}
</h3>
<div class="topics">
<BasicTopicList @topics={{@topic.relatedTopics}} />

View File

@ -1,3 +1,15 @@
.related-topics {
margin: 4.5em 0 1em;
}
.more-topics__container {
h3 .d-icon {
margin-right: 0.25em;
color: var(--primary-high);
font-size: var(--font-down-1);
}
.nav-pills .d-icon {
font-size: var(--font-down-1);
}
}