修改素材云顶部按钮样式
This commit is contained in:
@@ -908,18 +908,19 @@ const GeneratedRecord: React.FC = () => {
|
|||||||
{/* 操作栏:筛选 + 推送按钮 */}
|
{/* 操作栏:筛选 + 推送按钮 */}
|
||||||
<div style={{
|
<div style={{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
gap: 12,
|
gap: 12,
|
||||||
marginBottom: 16,
|
marginBottom: 16,
|
||||||
padding: '12px 20px',
|
padding: '12px 16px',
|
||||||
borderRadius: 12,
|
borderRadius: 12,
|
||||||
background: '#fff',
|
background: '#fff',
|
||||||
border: '1px solid #f0f0f5',
|
border: '1px solid #f0f0f5',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
}}>
|
}}>
|
||||||
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
|
<div style={{ display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' }}>
|
||||||
<FilterOutlined style={{ color: '#94a3b8', fontSize: 14 }} />
|
<FilterOutlined style={{ color: '#090a0cff', fontSize: 14 }} />
|
||||||
<Space>
|
<Space size={8} wrap={true}>
|
||||||
<Button
|
<Button
|
||||||
type={filterType === 'project' ? 'primary' : 'default'}
|
type={filterType === 'project' ? 'primary' : 'default'}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
@@ -1002,10 +1003,10 @@ const GeneratedRecord: React.FC = () => {
|
|||||||
</Button>
|
</Button>
|
||||||
</Space>
|
</Space>
|
||||||
</div>
|
</div>
|
||||||
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
|
<div style={{ display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' }}>
|
||||||
{/* 多选模式按钮 */}
|
{/* 多选模式按钮 */}
|
||||||
{isSelectionMode ? (
|
{isSelectionMode ? (
|
||||||
<Space>
|
<Space size={8} wrap={true}>
|
||||||
<Button
|
<Button
|
||||||
onClick={handleSelectAll}
|
onClick={handleSelectAll}
|
||||||
style={{
|
style={{
|
||||||
@@ -1086,18 +1087,19 @@ const GeneratedRecord: React.FC = () => {
|
|||||||
{/* Second row filter: 视频 / 图片 */}
|
{/* Second row filter: 视频 / 图片 */}
|
||||||
<div style={{
|
<div style={{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
gap: 12,
|
gap: 12,
|
||||||
marginBottom: 24,
|
marginBottom: 24,
|
||||||
padding: '12px 20px',
|
padding: '12px 16px',
|
||||||
borderRadius: 12,
|
borderRadius: 12,
|
||||||
background: '#fff',
|
background: '#fff',
|
||||||
border: '1px solid #f0f0f5',
|
border: '1px solid #f0f0f5',
|
||||||
}}>
|
}}>
|
||||||
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
|
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
|
||||||
<Typography.Text style={{ color: '#94a3b8', fontSize: 14 }}>媒体类型:</Typography.Text>
|
<Typography.Text style={{ color: '#94a3b8', fontSize: 14 }}>媒体类型:</Typography.Text>
|
||||||
<Space>
|
<Space size={8} wrap={true}>
|
||||||
<Button
|
<Button
|
||||||
type={filterMedia === 'video' ? 'primary' : 'default'}
|
type={filterMedia === 'video' ? 'primary' : 'default'}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user