fix(composer): add icon to story graph toggle

This commit is contained in:
mesalogo
2026-10-04 16:21:33 +08:00
parent ee186f9f70
commit 2c2b6c31eb
2 changed files with 15 additions and 1 deletions
+5 -1
View File
@@ -6,6 +6,7 @@ import {
Library, Library,
LoaderCircle, LoaderCircle,
Mic, Mic,
Network,
Paperclip, Paperclip,
RefreshCw, RefreshCw,
Send, Send,
@@ -866,7 +867,10 @@ export const Composer = memo(function Composer({
<strong>{t("composer.settings")}</strong> <strong>{t("composer.settings")}</strong>
{supervisorEnabled && ( {supervisorEnabled && (
<label className="toggle-row"> <label className="toggle-row">
<span>{t("composer.storyGraph.label")}</span> <span className="composer__story-graph-label">
<Network aria-hidden="true" size={16} />
{t("composer.storyGraph.label")}
</span>
<input <input
type="checkbox" type="checkbox"
role="switch" role="switch"
+10
View File
@@ -8299,6 +8299,16 @@ button > svg {
gap: var(--space-2); gap: var(--space-2);
} }
.composer__story-graph-label {
display: inline-flex;
align-items: center;
gap: 8px;
}
.composer__story-graph-label > svg {
flex-shrink: 0;
}
.composer__options > strong { .composer__options > strong {
padding: var(--space-1) var(--space-2); padding: var(--space-1) var(--space-2);
color: var(--text-secondary); color: var(--text-secondary);