style: playground bold text

This commit is contained in:
jialin
2025-07-17 17:26:34 +08:00
parent ddbbe92a85
commit 04ee696f6a
10 changed files with 10 additions and 23 deletions
@@ -32,7 +32,6 @@
h2, h2,
h3, h3,
h4 { h4 {
font-weight: var(--font-weight-bold);
margin-top: 1em; margin-top: 1em;
} }
@@ -58,10 +57,6 @@
margin-top: 16px; margin-top: 16px;
} }
strong {
font-weight: var(--font-weight-bold);
}
ul { ul {
margin-bottom: 0; margin-bottom: 0;
padding-left: 20px; padding-left: 20px;
@@ -18,7 +18,7 @@ const ApiAccessInfoWrapper = styled.div`
justify-items: start; justify-items: start;
align-items: center; align-items: center;
.label { .label {
font-weight: 600; font-weight: 500;
} }
.value { .value {
margin-left: 20px; margin-left: 20px;
@@ -151,7 +151,7 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = forwardRef(
<div> <div>
{ {
<> <>
<h3 className="m-b-20 font-size-14 line-24 font-600"> <h3 className="m-b-20 font-size-14 line-24 font-500">
{parametersTitle || ( {parametersTitle || (
<span> <span>
{intl.formatMessage({ id: 'playground.parameters' })} {intl.formatMessage({ id: 'playground.parameters' })}
@@ -250,11 +250,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
minRows: 5, minRows: 5,
maxRows: 5 maxRows: 5
}} }}
title={ title={intl.formatMessage({ id: 'playground.image.prompt' })}
<span className="font-600">
{intl.formatMessage({ id: 'playground.image.prompt' })}
</span>
}
loading={loading} loading={loading}
disabled={!parameters.model} disabled={!parameters.model}
isEmpty={!imageList.length} isEmpty={!imageList.length}
@@ -367,11 +367,7 @@ const GroundTTS: React.FC<MessageProps> = forwardRef((props, ref) => {
minRows: 5, minRows: 5,
maxRows: 5 maxRows: 5
}} }}
title={ title={intl.formatMessage({ id: 'playground.audio.textinput' })}
<span className="font-600">
{intl.formatMessage({ id: 'playground.audio.textinput' })}
</span>
}
onCheck={handleOnCheckChange} onCheck={handleOnCheckChange}
loading={loading} loading={loading}
disabled={!parameters.model} disabled={!parameters.model}
@@ -390,7 +390,7 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
<div className="messageInput" style={{ ...style }}> <div className="messageInput" style={{ ...style }}>
<div className="tool-bar"> <div className="tool-bar">
<div className="actions"> <div className="actions">
{title} {title && <span className="font-500">{title}</span>}
{actions.includes('role') && ( {actions.includes('role') && (
<> <>
<Button <Button
+1 -1
View File
@@ -159,7 +159,7 @@ const TextToImages: React.FC = () => {
<Segmented <Segmented
options={optionsList} options={optionsList}
size="middle" size="middle"
className="m-l-40" className="m-l-40 font-600"
onChange={(key) => setActiveKey(key)} onChange={(key) => setActiveKey(key)}
></Segmented> ></Segmented>
} }
+1 -1
View File
@@ -143,7 +143,7 @@ const Playground: React.FC = () => {
<Segmented <Segmented
options={optionsList} options={optionsList}
size="middle" size="middle"
className="m-l-40" className="m-l-40 font-600"
onChange={(key) => setActiveKey(key)} onChange={(key) => setActiveKey(key)}
></Segmented> ></Segmented>
} }
+1 -1
View File
@@ -195,7 +195,7 @@ const Playground: React.FC = () => {
<Segmented <Segmented
options={optionsList} options={optionsList}
size="middle" size="middle"
className="m-l-40" className="m-l-40 font-600"
value={activeKey} value={activeKey}
onChange={(key) => setActiveKey(key)} onChange={(key) => setActiveKey(key)}
></Segmented> ></Segmented>
+2 -2
View File
@@ -41,7 +41,7 @@
} }
.system-label { .system-label {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-500);
padding-left: 14px; padding-left: 14px;
} }
@@ -57,7 +57,7 @@
color: var(--ant-color-text-secondary); color: var(--ant-color-text-secondary);
.title { .title {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-500);
padding-right: 10px; padding-right: 10px;
color: var(--ant-color-text); color: var(--ant-color-text);
} }