You've already forked DataMate
style(ui): 统一预览模态框宽度为响应式尺寸
- 将 CreateAnnotationTaskDialog 中的预览模态框宽度从固定像素改为 80vw - 将 VisualTemplateBuilder 中的预览抽屉宽度从 600px 改为 80vw - 将 PreviewPromptModal 中的模态框宽度从 800px 改为 80vw - 将 Overview 组件中的文本和媒体预览宽度统一改为 80vw - 将 KnowledgeSetDetail 中的文本和媒体预览宽度统一改为 80vw - 移除原来固定的像素值,使用响应式单位提升用户体验
This commit is contained in:
@@ -7,6 +7,8 @@ interface PreviewPromptModalProps {
|
||||
evaluationPrompt: string;
|
||||
}
|
||||
|
||||
const PREVIEW_MODAL_WIDTH = "80vw";
|
||||
|
||||
const PreviewPromptModal: React.FC<PreviewPromptModalProps> = ({ previewVisible, onCancel, evaluationPrompt }) => {
|
||||
return (
|
||||
<Modal
|
||||
@@ -24,7 +26,7 @@ const PreviewPromptModal: React.FC<PreviewPromptModalProps> = ({ previewVisible,
|
||||
关闭
|
||||
</Button>
|
||||
]}
|
||||
width={800}
|
||||
width={PREVIEW_MODAL_WIDTH}
|
||||
>
|
||||
<div style={{
|
||||
background: '#f5f5f5',
|
||||
|
||||
Reference in New Issue
Block a user