TanWenyan/leaudit-platform-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
awen
2025-05-29 22:35:11 +08:00
parent adea5cd277
commit d0c479f9d4
2 changed files with 241 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/styles/pages/contract-template.css
+128 -40
View File
@@ -646,60 +646,148 @@
}
}
/* FilePreview 样式隔离容器 */
/* FilePreview 样式隔离容器 - 使用更强的样式重置 */
.file-preview-container {
/* 重置所有可能继承的样式 */
all: initial;
/* 恢复必要的基础样式 */
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333;
background-color: #fff;
/* 确保布局正常 */
display: block;
width: 100%;
min-height: 600px;
position: relative;
overflow: hidden;
}
/* 确保FilePreview内部的所有元素都能正常显示 */
.file-preview-container * {
box-sizing: border-box;
}
/* 重置可能影响FilePreview的全局样式 */
.file-preview-container .file-preview {
font-size: inherit;
line-height: inherit;
color: inherit;
}
/* 确保FilePreview的header样式不被影响 */
.file-preview-container .file-preview-header {
/* 强制重置基础样式 */
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: #333333 !important;
background-color: #ffffff !important;
/* 布局重置 */
display: block !important;
width: 100% !important;
min-height: 600px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-sizing: border-box !important;
/* 文本样式重置 */
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
letter-spacing: normal !important;
word-spacing: normal !important;
white-space: normal !important;
}
/* 强制重置FilePreview内部的所有元素 */
.file-preview-container *,
.file-preview-container *::before,
.file-preview-container *::after {
box-sizing: border-box !important;
}
/* 重置FilePreview主容器 */
.file-preview-container .file-preview {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: #333333 !important;
background-color: transparent !important;
width: 100% !important;
display: block !important;
position: relative !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
text-align: left !important;
}
/* 强制重置FilePreview的header样式 */
.file-preview-container .file-preview-header {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: #333333 !important;
background-color: #f8f9fa !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 8px 16px !important;
margin: 0 !important;
border: none !important;
border-bottom: 1px solid #e9ecef !important;
max-width: none !important;
width: 100% !important;
text-overflow: initial !important;
white-space: nowrap !important;
overflow: visible !important;
text-align: left !important;
box-sizing: border-box !important;
}
/* 确保按钮样式正常 */
.file-preview-container .ant-btn {
/* 重置按钮样式 */
.file-preview-container .ant-btn,
.file-preview-container button {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #333333 !important;
background-color: #ffffff !important;
border: 1px solid #d9d9d9 !important;
border-radius: 6px !important;
padding: 4px 8px !important;
margin: 0 2px !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
box-sizing: border-box !important;
min-height: 24px !important;
vertical-align: middle !important;
}
/* 确保输入框样式正常 */
.file-preview-container .ant-input {
.file-preview-container .ant-btn:hover,
.file-preview-container button:hover {
background-color: #f5f5f5 !important;
border-color: #40a9ff !important;
color: #40a9ff !important;
}
/* 重置输入框样式 */
.file-preview-container .ant-input,
.file-preview-container input {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #333333 !important;
background-color: #ffffff !important;
border: 1px solid #d9d9d9 !important;
border-radius: 6px !important;
padding: 4px 8px !important;
margin: 0 !important;
outline: none !important;
box-sizing: border-box !important;
min-height: 24px !important;
width: auto !important;
max-width: 40px !important;
text-align: center !important;
}
/* 确保PDF内容区域样式正常 */
/* 重置PDF内容区域样式 */
.file-preview-container .file-preview-content {
font-size: inherit;
line-height: inherit;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: #333333 !important;
background-color: #f8f9fa !important;
width: 100% !important;
max-height: calc(100vh - 150px) !important;
overflow-x: auto !important;
overflow-y: auto !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
display: block !important;
position: relative !important;
box-sizing: border-box !important;
text-align: center !important;
}