90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
.publish-config-panel {
|
|
display: grid;
|
|
gap: 18px;
|
|
margin-bottom: 18px;
|
|
padding: 20px;
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 8px;
|
|
background: #fff;
|
|
}
|
|
|
|
.publish-config-main {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: 16px;
|
|
}
|
|
|
|
.panel-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.publish-config-main h2 {
|
|
margin: 4px 0 6px;
|
|
color: #111827;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.publish-config-main span {
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.publish-stat-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
gap: 10px;
|
|
}
|
|
|
|
.welcome-config-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 12px;
|
|
}
|
|
|
|
.home-stat-grid .publish-stat strong {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.publish-stat {
|
|
display: grid;
|
|
gap: 4px;
|
|
padding: 12px;
|
|
border-radius: 8px;
|
|
background: #f8fafc;
|
|
}
|
|
|
|
.publish-stat strong {
|
|
color: #1477ff;
|
|
font-size: 22px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.publish-stat span,
|
|
.config-value {
|
|
color: #4b5563;
|
|
font-size: 13px;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
/* 仅实体主按钮提升文字清晰度，其他按钮保持组件默认配色。 */
|
|
:deep(.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(.is-link)) {
|
|
font-weight: 700;
|
|
}
|
|
|
|
:deep(.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(.is-link) span) {
|
|
color: #ffffff !important;
|
|
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
font-weight: 700;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
@media (max-width: 1100px) {
|
|
.publish-stat-grid {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
}
|