mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-26 07:35:44 -03:00
Enhance modal styling for responsiveness and theme consistency; update loading status and progress bar styles
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user