fix: update button styling and image handling in history and result components

This commit is contained in:
iHeyTang 2025-09-28 13:03:03 +08:00
parent df6db4d1b6
commit 4e5dc53741
3 changed files with 6 additions and 6 deletions

View File

@ -30,7 +30,7 @@
font-weight: 600;
}
.submit-button[disabled] {
.submit-button.disabled {
background-color: #ccc;
cursor: not-allowed;
border: none;

View File

@ -158,10 +158,10 @@ export default function History() {
<View key={record.id} className="history-item" onClick={() => handleItemClick(record)}>
<View className="item-thumbnail">
{record.status === 'completed' && record.outputResult ? (
<Image className="thumbnail-image" src={record.inputImageUrl} mode="aspectFill" />
<Image className="thumbnail-image" src={record.inputImageUrl.split(',')[0]} mode="aspectFill" />
) : (
<View className={`thumbnail-placeholder ${record.status}`}>
<Image className="thumbnail-image" src={record.inputImageUrl} mode="aspectFill" />
<Image className="thumbnail-image" src={record.inputImageUrl.split(',')[0]} mode="aspectFill" />
{/* 生成中状态的扫描效果 */}
{isGenerating && (
<View className="thumbnail-overlay">

View File

@ -63,7 +63,7 @@ const GeneratingComponent: React.FC<GeneratingComponentProps> = ({ task }) => {
<View className="progress-inner">
{/* 预览图片或占位符 */}
{task?.inputImageUrl ? (
<Image className="preview-image" src={task.inputImageUrl} mode="aspectFill" />
<Image className="preview-image" src={task.inputImageUrl.split(',')[0]} mode="aspectFill" />
) : (
<View className="preview-placeholder">
<View className="placeholder-icon">🎨</View>