fix(composer): add icon to story graph toggle
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user