mirror of
https://github.com/Cola-Echo/memory-manager-concurrent.git
synced 2026-06-06 04:15:52 +00:00
feat: 更新插件至 v0.4.6
- 更新核心功能代码 - 优化样式和 UI - 更新提示词配置 - 更新流程配置 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
892
style.css
892
style.css
@@ -1218,6 +1218,12 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mm-settings-header-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mm-settings-header h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
@@ -3096,7 +3102,7 @@
|
||||
.mm-msg-progress-bar-fill {
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
transition: width 0.5s ease-out;
|
||||
transition: none; /* 禁用 CSS transition,由 JS 动画控制 */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -4914,8 +4920,72 @@
|
||||
|
||||
/* 世界书列表容器 */
|
||||
.mm-config-worldbook-content {
|
||||
max-height: 200px;
|
||||
max-height: 250px;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* 世界书搜索框 */
|
||||
.mm-config-worldbook-search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 10px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border-radius: calc(var(--mm-radius) - 2px);
|
||||
margin-bottom: 8px;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.mm-config-worldbook-search i.fa-search {
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.mm-config-worldbook-search input {
|
||||
flex: 1;
|
||||
background: none;
|
||||
border: none;
|
||||
color: var(--mm-text);
|
||||
font-size: 0.9em;
|
||||
padding: 4px 6px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.mm-config-worldbook-search input::placeholder {
|
||||
color: var(--mm-text-muted);
|
||||
}
|
||||
|
||||
/* 世界书拖拽调整高度手柄 */
|
||||
.mm-config-worldbook-resize-handle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 16px;
|
||||
cursor: ns-resize;
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 0.75em;
|
||||
opacity: 0.6;
|
||||
transition: var(--mm-transition);
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.mm-config-worldbook-resize-handle:hover,
|
||||
.mm-config-worldbook-resize-handle:active {
|
||||
opacity: 1;
|
||||
color: var(--mm-primary);
|
||||
background: rgba(var(--mm-primary-rgb, 74, 144, 217), 0.1);
|
||||
}
|
||||
|
||||
.mm-config-worldbook-resize-handle.dragging {
|
||||
opacity: 1;
|
||||
color: var(--mm-primary);
|
||||
background: rgba(var(--mm-primary-rgb, 74, 144, 217), 0.15);
|
||||
}
|
||||
|
||||
.mm-config-worldbook-list {
|
||||
@@ -4966,6 +5036,36 @@
|
||||
color: var(--mm-text-muted);
|
||||
}
|
||||
|
||||
/* 世界书全选/全不选按钮 */
|
||||
.mm-config-worldbook-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.mm-config-worldbook-actions .mm-btn-icon-small {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: transparent;
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: 4px;
|
||||
color: var(--mm-text-muted);
|
||||
cursor: pointer;
|
||||
transition: var(--mm-transition);
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.mm-config-worldbook-actions .mm-btn-icon-small:hover {
|
||||
background: var(--mm-bg-tertiary);
|
||||
color: var(--mm-text);
|
||||
border-color: var(--mm-primary);
|
||||
}
|
||||
|
||||
/* 世界书条目列表 */
|
||||
.mm-config-worldbook-entries {
|
||||
display: none;
|
||||
@@ -5775,6 +5875,12 @@
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* 关闭按钮靠左 */
|
||||
.mm-plot-actions .mm-btn-close {
|
||||
margin-right: auto;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.mm-btn-success {
|
||||
background: var(--mm-success);
|
||||
color: white;
|
||||
@@ -6773,3 +6879,785 @@
|
||||
.mm-prompt-part-block[data-source="jailbreak"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ============================================================================
|
||||
多AI生成功能样式
|
||||
============================================================================ */
|
||||
|
||||
/* 多AI provider列表 */
|
||||
.mm-multi-ai-provider-section {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-section-title {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: var(--mm-text-muted);
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
padding: 10px 12px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: calc(var(--mm-radius) - 2px);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-item:hover {
|
||||
border-color: var(--mm-primary);
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-checkbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-checkbox input[type="checkbox"] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
accent-color: var(--mm-primary);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-name {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: var(--mm-text);
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-details {
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-muted);
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-actions {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
padding: 24px;
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-provider-empty i {
|
||||
font-size: 24px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.mm-multi-ai-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-hint {
|
||||
margin-top: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 多AI配置弹窗 */
|
||||
#mm-multi-ai-config-modal {
|
||||
background: transparent;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-modal-content {
|
||||
max-width: 500px;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-model-input-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-model-select {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-form-row {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-form-row .mm-form-group {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-test-result {
|
||||
margin-left: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-test-result.mm-test-success {
|
||||
color: var(--mm-success);
|
||||
}
|
||||
|
||||
#mm-multi-ai-config-modal .mm-test-result.mm-test-error {
|
||||
color: var(--mm-danger);
|
||||
}
|
||||
|
||||
/* 多AI选择弹窗 */
|
||||
.mm-multi-ai-modal-content {
|
||||
max-width: 95vw;
|
||||
width: auto;
|
||||
min-width: 400px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-cards {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
overflow-x: auto;
|
||||
padding: 10px 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mm-multi-ai-cards.mm-mobile {
|
||||
flex-direction: column;
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
.mm-multi-ai-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 350px;
|
||||
max-width: 450px;
|
||||
flex-shrink: 0;
|
||||
background: var(--mm-bg-card);
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: var(--mm-radius);
|
||||
overflow: hidden;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.mm-multi-ai-card:hover {
|
||||
border-color: var(--mm-primary);
|
||||
}
|
||||
|
||||
.mm-multi-ai-card.complete {
|
||||
border-color: var(--mm-success);
|
||||
}
|
||||
|
||||
.mm-multi-ai-card.error {
|
||||
border-color: var(--mm-danger);
|
||||
}
|
||||
|
||||
.mm-multi-ai-card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border-bottom: 1px solid var(--mm-border);
|
||||
}
|
||||
|
||||
.mm-multi-ai-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-name {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--mm-text);
|
||||
}
|
||||
|
||||
.mm-multi-ai-model {
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-muted);
|
||||
}
|
||||
|
||||
.mm-multi-ai-stats {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-tokens {
|
||||
font-size: 12px;
|
||||
color: var(--mm-success, #6bcb77);
|
||||
font-weight: 600;
|
||||
font-variant-numeric: tabular-nums;
|
||||
padding: 2px 6px;
|
||||
background: rgba(107, 203, 119, 0.15);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-timer {
|
||||
font-size: 12px;
|
||||
color: var(--mm-primary);
|
||||
font-weight: 600;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.mm-multi-ai-content {
|
||||
flex: 1;
|
||||
min-height: 200px;
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
padding: 16px;
|
||||
background: var(--mm-bg);
|
||||
}
|
||||
|
||||
.mm-multi-ai-content.mm-streaming .mm-multi-ai-text::after {
|
||||
content: '█';
|
||||
animation: mm-blink 1s step-end infinite;
|
||||
color: var(--mm-primary);
|
||||
}
|
||||
|
||||
@keyframes mm-blink {
|
||||
0%, 50% { opacity: 1; }
|
||||
51%, 100% { opacity: 0; }
|
||||
}
|
||||
|
||||
.mm-multi-ai-text {
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: var(--mm-text);
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.mm-multi-ai-loader {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
height: 100%;
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mm-loader-spinner {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border: 3px solid var(--mm-border);
|
||||
border-top-color: var(--mm-primary);
|
||||
border-radius: 50%;
|
||||
animation: mm-spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes mm-spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.mm-multi-ai-error {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
height: 100%;
|
||||
color: var(--mm-danger);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mm-multi-ai-error i {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-error small {
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-muted);
|
||||
max-width: 80%;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.mm-multi-ai-card-footer {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
padding: 12px 16px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border-top: 1px solid var(--mm-border);
|
||||
}
|
||||
|
||||
.mm-multi-ai-card-footer .mm-btn {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mm-multi-ai-scroll-hint {
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-muted);
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
/* 移动端标签页 */
|
||||
.mm-multi-ai-tabs {
|
||||
display: none;
|
||||
gap: 4px;
|
||||
margin-bottom: 10px;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.mm-multi-ai-cards.mm-mobile + .mm-multi-ai-scroll-hint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.mm-multi-ai-modal-content {
|
||||
width: calc(100vw - 24px);
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
.mm-multi-ai-tabs {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mm-multi-ai-tab {
|
||||
padding: 8px 16px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: 16px;
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.mm-multi-ai-tab.active {
|
||||
background: var(--mm-primary);
|
||||
border-color: var(--mm-primary);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.mm-multi-ai-card {
|
||||
min-width: auto;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.mm-multi-ai-content {
|
||||
min-height: 250px;
|
||||
max-height: 50vh;
|
||||
}
|
||||
}
|
||||
|
||||
/* 极小按钮 */
|
||||
.mm-btn-xs {
|
||||
padding: 4px 8px !important;
|
||||
font-size: 11px !important;
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
/* 危险按钮 */
|
||||
.mm-btn-danger {
|
||||
background: transparent;
|
||||
border: 1px solid var(--mm-danger);
|
||||
color: var(--mm-danger);
|
||||
}
|
||||
|
||||
.mm-btn-danger:hover {
|
||||
background: var(--mm-danger);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* ==================== 提示词预设相关样式 ==================== */
|
||||
|
||||
/* 预设选择区域 */
|
||||
.mm-preset-select-group {
|
||||
margin-top: 16px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px dashed var(--mm-border);
|
||||
}
|
||||
|
||||
.mm-preset-checkbox-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.mm-preset-checkbox-label input[type="checkbox"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mm-preset-options {
|
||||
margin-top: 12px;
|
||||
padding: 12px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border-radius: var(--mm-radius);
|
||||
}
|
||||
|
||||
.mm-preset-select-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mm-preset-select-row select {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mm-preset-preview {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mm-preset-preview-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mm-preset-preview-count {
|
||||
font-size: 12px;
|
||||
color: var(--mm-text-muted);
|
||||
}
|
||||
|
||||
.mm-preset-preview-names {
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-muted);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.mm-preset-preview-empty {
|
||||
font-size: 12px;
|
||||
color: var(--mm-danger);
|
||||
}
|
||||
|
||||
/* 提示词预设列表(设置界面) */
|
||||
.mm-prompt-preset-section {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.mm-prompt-preset-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mm-prompt-preset-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px 12px;
|
||||
background: var(--mm-bg-secondary);
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: var(--mm-radius);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.mm-prompt-preset-item:hover {
|
||||
border-color: var(--mm-primary-light);
|
||||
}
|
||||
|
||||
.mm-preset-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mm-preset-name {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.mm-preset-count {
|
||||
font-size: 12px;
|
||||
color: var(--mm-text-muted);
|
||||
}
|
||||
|
||||
.mm-preset-actions {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mm-prompt-preset-empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
padding: 20px;
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.mm-prompt-preset-empty i {
|
||||
font-size: 24px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* 提示词预设配置弹窗 */
|
||||
#mm-prompt-preset-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 9999;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#mm-prompt-preset-modal.mm-modal-visible {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#mm-prompt-preset-modal .mm-modal-content {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.mm-prompt-preset-modal-content {
|
||||
max-width: 700px;
|
||||
max-height: 85vh;
|
||||
}
|
||||
|
||||
.mm-preset-import-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mm-prompt-list-container {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: var(--mm-radius);
|
||||
background: var(--mm-bg-secondary);
|
||||
}
|
||||
|
||||
.mm-prompt-list-actions {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* 提示词项 */
|
||||
.mm-prompt-item {
|
||||
border-bottom: 1px solid var(--mm-border);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.mm-prompt-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.mm-prompt-item.mm-prompt-disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.mm-prompt-item.mm-dragging {
|
||||
opacity: 0.5;
|
||||
background: var(--mm-primary-light);
|
||||
}
|
||||
|
||||
.mm-prompt-item.mm-drag-over-top {
|
||||
border-top: 2px solid var(--mm-primary);
|
||||
}
|
||||
|
||||
.mm-prompt-item.mm-drag-over-bottom {
|
||||
border-bottom: 2px solid var(--mm-primary);
|
||||
}
|
||||
|
||||
.mm-prompt-item-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.mm-prompt-drag-handle {
|
||||
color: var(--mm-text-muted);
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.mm-prompt-drag-handle:active {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.mm-prompt-enable-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mm-prompt-enable-label input[type="checkbox"] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.mm-prompt-name {
|
||||
font-weight: 500;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mm-prompt-type-badge {
|
||||
padding: 2px 8px;
|
||||
border-radius: 10px;
|
||||
font-size: 10px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.mm-prompt-type-custom {
|
||||
background: var(--mm-primary-light);
|
||||
color: var(--mm-primary);
|
||||
}
|
||||
|
||||
.mm-prompt-type-memory {
|
||||
background: rgba(var(--mm-success-rgb, 46, 204, 113), 0.15);
|
||||
color: var(--mm-success);
|
||||
}
|
||||
|
||||
.mm-prompt-type-history,
|
||||
.mm-prompt-type-character {
|
||||
background: rgba(var(--mm-warning-rgb, 241, 196, 15), 0.15);
|
||||
color: var(--mm-warning, #f1c40f);
|
||||
}
|
||||
|
||||
.mm-prompt-type-user {
|
||||
background: rgba(var(--mm-info-rgb, 52, 152, 219), 0.15);
|
||||
color: var(--mm-info, #3498db);
|
||||
}
|
||||
|
||||
.mm-prompt-history-count {
|
||||
font-size: 12px;
|
||||
color: var(--mm-text-muted);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mm-prompt-history-input {
|
||||
width: 50px;
|
||||
padding: 2px 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mm-prompt-item-actions {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.mm-prompt-item-content {
|
||||
padding: 0 12px 12px 12px;
|
||||
}
|
||||
|
||||
.mm-prompt-content-editor {
|
||||
width: 100%;
|
||||
min-height: 80px;
|
||||
padding: 8px;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
border: 1px solid var(--mm-border);
|
||||
border-radius: var(--mm-radius-sm) var(--mm-radius-sm) 0 0;
|
||||
background: var(--mm-bg-primary);
|
||||
color: var(--mm-text-primary);
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.mm-prompt-content-preview {
|
||||
padding: 10px;
|
||||
background: var(--mm-bg-primary);
|
||||
border-radius: var(--mm-radius-sm) var(--mm-radius-sm) 0 0;
|
||||
font-size: 12px;
|
||||
color: var(--mm-text-muted);
|
||||
min-height: 80px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* 可调整大小的容器 */
|
||||
.mm-prompt-resizable-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mm-prompt-resizable-container .mm-resize-handle {
|
||||
border-radius: 0 0 var(--mm-radius-sm) var(--mm-radius-sm);
|
||||
}
|
||||
|
||||
/* 类型说明 */
|
||||
.mm-prompt-type-desc {
|
||||
font-style: italic;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* 实时预览内容 */
|
||||
.mm-prompt-preview-content {
|
||||
background: var(--mm-bg-secondary);
|
||||
border-radius: var(--mm-radius-sm);
|
||||
padding: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mm-prompt-preview-content pre {
|
||||
margin: 0;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
font-family: monospace;
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-primary);
|
||||
}
|
||||
|
||||
/* 空内容提示 */
|
||||
.mm-prompt-preview-empty {
|
||||
color: var(--mm-text-muted);
|
||||
font-size: 11px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* 字符统计 */
|
||||
.mm-prompt-char-count {
|
||||
font-size: 11px;
|
||||
color: var(--mm-text-muted);
|
||||
background: var(--mm-bg-secondary);
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/* ST类型标签样式 */
|
||||
.mm-prompt-type-charDescription,
|
||||
.mm-prompt-type-personaDescription,
|
||||
.mm-prompt-type-worldInfoBefore,
|
||||
.mm-prompt-type-worldInfoAfter,
|
||||
.mm-prompt-type-dialogueExamples {
|
||||
background: linear-gradient(135deg, #5a8a7a, #4a7a6a);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user