style: playground bold text
This commit is contained in:
@@ -32,7 +32,6 @@
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-weight: var(--font-weight-bold);
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
@@ -58,10 +57,6 @@
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
padding-left: 20px;
|
||||
|
||||
@@ -18,7 +18,7 @@ const ApiAccessInfoWrapper = styled.div`
|
||||
justify-items: start;
|
||||
align-items: center;
|
||||
.label {
|
||||
font-weight: 600;
|
||||
font-weight: 500;
|
||||
}
|
||||
.value {
|
||||
margin-left: 20px;
|
||||
|
||||
@@ -151,7 +151,7 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = forwardRef(
|
||||
<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 || (
|
||||
<span>
|
||||
{intl.formatMessage({ id: 'playground.parameters' })}
|
||||
|
||||
@@ -250,11 +250,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
|
||||
minRows: 5,
|
||||
maxRows: 5
|
||||
}}
|
||||
title={
|
||||
<span className="font-600">
|
||||
{intl.formatMessage({ id: 'playground.image.prompt' })}
|
||||
</span>
|
||||
}
|
||||
title={intl.formatMessage({ id: 'playground.image.prompt' })}
|
||||
loading={loading}
|
||||
disabled={!parameters.model}
|
||||
isEmpty={!imageList.length}
|
||||
|
||||
@@ -367,11 +367,7 @@ const GroundTTS: React.FC<MessageProps> = forwardRef((props, ref) => {
|
||||
minRows: 5,
|
||||
maxRows: 5
|
||||
}}
|
||||
title={
|
||||
<span className="font-600">
|
||||
{intl.formatMessage({ id: 'playground.audio.textinput' })}
|
||||
</span>
|
||||
}
|
||||
title={intl.formatMessage({ id: 'playground.audio.textinput' })}
|
||||
onCheck={handleOnCheckChange}
|
||||
loading={loading}
|
||||
disabled={!parameters.model}
|
||||
|
||||
@@ -390,7 +390,7 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
|
||||
<div className="messageInput" style={{ ...style }}>
|
||||
<div className="tool-bar">
|
||||
<div className="actions">
|
||||
{title}
|
||||
{title && <span className="font-500">{title}</span>}
|
||||
{actions.includes('role') && (
|
||||
<>
|
||||
<Button
|
||||
|
||||
@@ -159,7 +159,7 @@ const TextToImages: React.FC = () => {
|
||||
<Segmented
|
||||
options={optionsList}
|
||||
size="middle"
|
||||
className="m-l-40"
|
||||
className="m-l-40 font-600"
|
||||
onChange={(key) => setActiveKey(key)}
|
||||
></Segmented>
|
||||
}
|
||||
|
||||
@@ -143,7 +143,7 @@ const Playground: React.FC = () => {
|
||||
<Segmented
|
||||
options={optionsList}
|
||||
size="middle"
|
||||
className="m-l-40"
|
||||
className="m-l-40 font-600"
|
||||
onChange={(key) => setActiveKey(key)}
|
||||
></Segmented>
|
||||
}
|
||||
|
||||
@@ -195,7 +195,7 @@ const Playground: React.FC = () => {
|
||||
<Segmented
|
||||
options={optionsList}
|
||||
size="middle"
|
||||
className="m-l-40"
|
||||
className="m-l-40 font-600"
|
||||
value={activeKey}
|
||||
onChange={(key) => setActiveKey(key)}
|
||||
></Segmented>
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
}
|
||||
|
||||
.system-label {
|
||||
font-weight: var(--font-weight-bold);
|
||||
font-weight: var(--font-weight-500);
|
||||
padding-left: 14px;
|
||||
}
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
color: var(--ant-color-text-secondary);
|
||||
|
||||
.title {
|
||||
font-weight: var(--font-weight-bold);
|
||||
font-weight: var(--font-weight-500);
|
||||
padding-right: 10px;
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user