Refactor modal styles for improved consistency and responsiveness; adjust padding and background for dark theme support

This commit is contained in:
Will Miao
2025-03-06 21:09:31 +08:00
parent c9c86d8c0f
commit fb75757d6c
3 changed files with 42 additions and 33 deletions

View File

@@ -1,4 +1,3 @@
/* Lora Modal Header */
.modal-header {
display: flex;
@@ -19,11 +18,17 @@
.info-item {
padding: var(--space-2);
background: var(--lora-surface);
border: 1px solid var(--lora-border);
background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--border-radius-sm);
}
/* 调整深色主题下的样式 */
[data-theme="dark"] .info-item {
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--lora-border);
}
.info-item.full-width {
grid-column: 1 / -1;
}
@@ -146,11 +151,17 @@
/* Update Trigger Words styles */
.info-item.trigger-words {
padding: var(--space-2);
background: var(--lora-surface);
border: 1px solid var(--lora-border);
background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--border-radius-sm);
}
/* 调整 trigger words 样式 */
[data-theme="dark"] .info-item.trigger-words {
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--lora-border);
}
.trigger-words-tags {
display: flex;
flex-wrap: wrap;