Enhance modal styling for responsiveness and theme consistency; update loading status and progress bar styles

This commit is contained in:
Will Miao
2025-02-01 12:54:37 +08:00
parent 807e94151a
commit e0d2025eb4

View File

@@ -485,6 +485,7 @@ body.modal-open {
border-radius: var(--border-radius-base); border-radius: var(--border-radius-base);
text-align: center; text-align: center;
border: 1px solid var(--lora-border); border: 1px solid var(--lora-border);
width: min(400px, 90vw); /* 固定最大宽度,但保持响应式 */
} }
.loading-spinner { .loading-spinner {
@@ -499,14 +500,20 @@ body.modal-open {
.loading-status { .loading-status {
margin-bottom: 1rem; margin-bottom: 1rem;
color: #333; color: var(--text-color); /* 使用主题文本颜色 */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
padding: 0 var(--space-2);
} }
.progress-container { .progress-container {
width: 300px; width: 280px; /* 固定进度条宽度 */
background-color: #f0f0f0; background-color: var(--lora-border); /* 使用主题边框颜色 */
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
margin: 0 auto; /* 居中显示 */
} }
.progress-bar { .progress-bar {