mirror of
https://github.com/aitingtingya/mv-obcc.git
synced 2026-07-22 07:47:28 +00:00
510 lines
9.8 KiB
CSS
510 lines
9.8 KiB
CSS
.mv-senceai-diff-view {
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100%;
|
||
min-height: 0;
|
||
}
|
||
|
||
.mv-senceai-diff-header {
|
||
align-items: center;
|
||
border-bottom: 1px solid var(--background-modifier-border);
|
||
display: flex;
|
||
gap: 12px;
|
||
justify-content: space-between;
|
||
padding: 10px 14px;
|
||
}
|
||
|
||
.mv-senceai-diff-title {
|
||
font-weight: var(--font-semibold);
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.mv-senceai-diff-actions {
|
||
display: flex;
|
||
flex-shrink: 0;
|
||
gap: 8px;
|
||
}
|
||
|
||
.mv-senceai-diff-conflict {
|
||
background: var(--background-modifier-error);
|
||
color: var(--text-error);
|
||
display: none;
|
||
padding: 8px 14px;
|
||
}
|
||
|
||
.mv-senceai-diff-conflict.is-visible {
|
||
display: block;
|
||
}
|
||
|
||
.mv-senceai-merge-host {
|
||
flex: 1;
|
||
min-height: 0;
|
||
overflow: auto;
|
||
}
|
||
|
||
.mv-senceai-merge-host .cm-mergeView {
|
||
height: 100%;
|
||
}
|
||
|
||
.mv-senceai-merge-host .cm-editor {
|
||
height: 100%;
|
||
}
|
||
|
||
.mv-senceai-status {
|
||
font-family: var(--font-monospace);
|
||
font-size: var(--font-ui-smaller);
|
||
}
|
||
|
||
.mv-senceai-persistent-selection {
|
||
background-color: var(--text-selection);
|
||
}
|
||
|
||
.mv-senceai-selection-color-probe {
|
||
background-color: var(--text-selection);
|
||
pointer-events: none;
|
||
position: fixed;
|
||
visibility: hidden;
|
||
}
|
||
|
||
.cm-editor:focus-within .mv-senceai-persistent-selection {
|
||
background-color: transparent;
|
||
}
|
||
|
||
::highlight(mv-senceai-persistent-selection) {
|
||
background-color: var(--text-selection);
|
||
}
|
||
|
||
.mv-senceai-ghost-text {
|
||
color: var(--text-faint);
|
||
font-style: italic;
|
||
opacity: 0.85;
|
||
white-space: pre-wrap;
|
||
}
|
||
|
||
.mv-senceai-inline-completion-ribbon.is-active {
|
||
color: var(--interactive-accent);
|
||
}
|
||
|
||
/* 选词调用 LLM 独立功能 */
|
||
|
||
.mv-senceai-llm-result {
|
||
width: 100%;
|
||
height: 100%;
|
||
min-height: 0;
|
||
resize: none;
|
||
border: 0;
|
||
border-radius: 0;
|
||
padding: 14px;
|
||
background: var(--background-primary);
|
||
color: var(--text-normal);
|
||
font-family: var(--font-monospace);
|
||
font-size: var(--font-ui-small);
|
||
white-space: pre-wrap;
|
||
outline: none;
|
||
}
|
||
|
||
.mv-senceai-llm-status {
|
||
margin-left: 8px;
|
||
color: var(--text-muted);
|
||
font-size: var(--font-ui-smaller);
|
||
font-weight: normal;
|
||
}
|
||
|
||
.mv-senceai-llm-status-error {
|
||
color: var(--text-error);
|
||
}
|
||
|
||
.mv-senceai-llm-status-done {
|
||
color: var(--text-success, var(--text-muted));
|
||
}
|
||
|
||
.popover.hover-popover.mv-senceai-llm-popover {
|
||
--popover-width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
min-width: 420px;
|
||
min-height: 280px;
|
||
max-width: none;
|
||
max-height: none;
|
||
padding: 0;
|
||
overflow: visible;
|
||
position: fixed;
|
||
touch-action: none;
|
||
background: var(--background-primary);
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 8px;
|
||
box-shadow: var(--shadow-l);
|
||
-webkit-app-region: no-drag;
|
||
}
|
||
|
||
.mv-senceai-llm-titlebar,
|
||
.mv-senceai-llm-host,
|
||
.mv-senceai-llm-error,
|
||
.mv-senceai-llm-toolbar {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.mv-senceai-llm-popover.is-dragging,
|
||
.mv-senceai-llm-popover.is-resizing {
|
||
opacity: 0.92;
|
||
}
|
||
|
||
.mv-senceai-llm-titlebar {
|
||
flex: 0 0 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 0 8px 0 12px;
|
||
cursor: move;
|
||
user-select: none;
|
||
color: var(--text-normal);
|
||
background: var(--background-secondary);
|
||
border-bottom: 1px solid var(--background-modifier-border);
|
||
border-radius: 8px 8px 0 0;
|
||
}
|
||
|
||
.mv-senceai-llm-title {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
font-size: var(--font-ui-small);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.mv-senceai-llm-title-action {
|
||
width: 28px;
|
||
height: 28px;
|
||
padding: 0;
|
||
border: 0;
|
||
box-shadow: none;
|
||
background: transparent;
|
||
color: var(--text-muted);
|
||
font-size: 22px;
|
||
line-height: 1;
|
||
}
|
||
|
||
.mv-senceai-llm-title-action:hover {
|
||
color: var(--text-normal);
|
||
background: var(--background-modifier-hover);
|
||
}
|
||
|
||
/* 左上角钉子按钮：固定/取消固定悬浮窗 */
|
||
.mv-senceai-llm-pin {
|
||
font-size: 0; /* setIcon 渲染 SVG，去掉 × 那套字符尺寸 */
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.mv-senceai-llm-pin svg {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
.mv-senceai-llm-pin.is-pinned {
|
||
color: var(--text-accent);
|
||
}
|
||
.mv-senceai-llm-pin.is-pinned:hover {
|
||
color: var(--text-accent-hover);
|
||
}
|
||
|
||
.mv-senceai-llm-host {
|
||
flex: 1 1 auto;
|
||
min-height: 0;
|
||
overflow: hidden;
|
||
position: relative;
|
||
background: var(--background-primary);
|
||
}
|
||
|
||
.mv-senceai-llm-host .workspace-split,
|
||
.mv-senceai-llm-host .workspace-leaf,
|
||
.mv-senceai-llm-host .workspace-leaf-content {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.mv-senceai-llm-host
|
||
.workspace-split
|
||
> .workspace-leaf:last-child
|
||
> .workspace-leaf-resize-handle {
|
||
display: none;
|
||
}
|
||
|
||
.mv-senceai-llm-toolbar {
|
||
flex: 0 0 auto;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 8px;
|
||
padding: 8px 10px;
|
||
background: var(--background-secondary);
|
||
border-top: 1px solid var(--background-modifier-border);
|
||
border-radius: 0 0 8px 8px;
|
||
}
|
||
|
||
.mv-senceai-llm-error {
|
||
flex: 0 0 auto;
|
||
padding: 8px 10px;
|
||
background-color: var(--background-modifier-error);
|
||
color: var(--text-error);
|
||
font-size: var(--font-ui-small);
|
||
white-space: pre-wrap;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle {
|
||
position: absolute;
|
||
z-index: 2;
|
||
touch-action: none;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.top,
|
||
.mv-senceai-llm-resize-handle.bottom {
|
||
left: 12px;
|
||
width: calc(100% - 24px);
|
||
height: 10px;
|
||
cursor: ns-resize;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.top {
|
||
top: -5px;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.bottom {
|
||
bottom: -5px;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.left,
|
||
.mv-senceai-llm-resize-handle.right {
|
||
top: 12px;
|
||
width: 10px;
|
||
height: calc(100% - 24px);
|
||
cursor: ew-resize;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.left {
|
||
left: -5px;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.right {
|
||
right: -5px;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.top-left,
|
||
.mv-senceai-llm-resize-handle.top-right,
|
||
.mv-senceai-llm-resize-handle.bottom-left,
|
||
.mv-senceai-llm-resize-handle.bottom-right {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.top-left {
|
||
top: -8px;
|
||
left: -8px;
|
||
cursor: nwse-resize;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.top-right {
|
||
top: -8px;
|
||
right: -8px;
|
||
cursor: nesw-resize;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.bottom-left {
|
||
bottom: -8px;
|
||
left: -8px;
|
||
cursor: nesw-resize;
|
||
}
|
||
|
||
.mv-senceai-llm-resize-handle.bottom-right {
|
||
right: -8px;
|
||
bottom: -8px;
|
||
cursor: nwse-resize;
|
||
}
|
||
|
||
.mv-senceai-llm-hint {
|
||
color: var(--text-muted);
|
||
font-size: var(--font-ui-smaller);
|
||
margin: 6px 0 12px;
|
||
}
|
||
|
||
.setting-item.mv-senceai-llm-tpl {
|
||
align-items: flex-start;
|
||
gap: 18px;
|
||
}
|
||
|
||
.setting-item.mv-senceai-llm-tpl .setting-item-info {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 6px;
|
||
flex: 1 1 auto;
|
||
}
|
||
|
||
.setting-item.mv-senceai-llm-tpl .setting-item-control {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-end;
|
||
justify-content: flex-start;
|
||
gap: 8px;
|
||
flex: 0 0 240px;
|
||
width: auto;
|
||
}
|
||
|
||
.mv-senceai-llm-tpl-label {
|
||
width: 100%;
|
||
}
|
||
|
||
.mv-senceai-llm-tpl-prompt {
|
||
width: 100%;
|
||
font-family: var(--font-monospace);
|
||
font-size: var(--font-ui-smaller);
|
||
resize: vertical;
|
||
}
|
||
|
||
/* 设置页：IDE 桥接 / 划词助手 分区标题 */
|
||
.mv-senceai-section-title {
|
||
margin-top: 32px;
|
||
margin-bottom: 4px;
|
||
padding-bottom: 6px;
|
||
border-bottom: 2px solid var(--background-modifier-border);
|
||
font-size: var(--h2-size);
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* 划词助手：API 提供商卡片 */
|
||
.mv-senceai-llm-provider {
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 8px;
|
||
padding: 10px 12px 4px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.mv-senceai-llm-provider-header {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.mv-senceai-llm-provider-head {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.mv-senceai-llm-provider-name {
|
||
flex: 1;
|
||
min-width: 120px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.mv-senceai-llm-models-label {
|
||
margin: 12px 0 6px;
|
||
font-size: var(--font-ui-smaller);
|
||
color: var(--text-muted);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.04em;
|
||
}
|
||
|
||
.mv-senceai-llm-models {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 6px;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.mv-senceai-llm-model-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.mv-senceai-llm-model-name {
|
||
flex: 1 1 180px;
|
||
min-width: 140px;
|
||
}
|
||
|
||
.mv-senceai-llm-model-del,
|
||
.mv-senceai-llm-model-add {
|
||
font-size: var(--font-ui-smaller);
|
||
}
|
||
|
||
/* 模板：操作区样式 */
|
||
.mv-senceai-llm-tpl-model {
|
||
font-size: var(--font-ui-smaller);
|
||
width: 100%;
|
||
}
|
||
|
||
.mv-senceai-llm-tpl-enable-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
.mv-senceai-llm-tpl-enable-row label {
|
||
font-size: var(--font-ui-smaller);
|
||
color: var(--text-muted);
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 模板：思考下拉（紧跟「选择模型」之后） */
|
||
.mv-senceai-llm-tpl-thinking-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.mv-senceai-llm-tpl-thinking-label {
|
||
font-size: var(--font-ui-smaller);
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
.mv-senceai-llm-tpl-thinking-custom {
|
||
flex: 1 1 220px;
|
||
min-width: 160px;
|
||
font-family: var(--font-monospace);
|
||
font-size: var(--font-ui-smaller);
|
||
}
|
||
|
||
/* 模板：思考说明小字提示 */
|
||
.mv-senceai-llm-tpl-hint-thinking {
|
||
color: var(--text-muted);
|
||
font-size: var(--font-ui-smaller);
|
||
line-height: 1.5;
|
||
margin-top: 8px;
|
||
padding: 6px 8px;
|
||
border-radius: 6px;
|
||
background-color: var(--background-secondary);
|
||
white-space: normal;
|
||
}
|
||
|
||
.setting-item.mv-senceai-inline-hotkey-setting .setting-item-control {
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
|
||
.mv-senceai-inline-hotkey-value {
|
||
min-width: 110px;
|
||
padding: 4px 8px;
|
||
border: 1px solid var(--background-modifier-border);
|
||
border-radius: 6px;
|
||
color: var(--text-muted);
|
||
font-family: var(--font-monospace);
|
||
font-size: var(--font-ui-smaller);
|
||
text-align: center;
|
||
}
|
||
|
||
.mv-senceai-inline-hotkey-value.is-recording {
|
||
border-color: var(--interactive-accent);
|
||
color: var(--text-accent);
|
||
}
|
||
|
||
.mv-senceai-inline-prompt-textarea {
|
||
font-family: var(--font-monospace);
|
||
font-size: var(--font-ui-smaller);
|
||
width: 100%;
|
||
}
|
||
|
||
.mv-senceai-is-hidden {
|
||
display: none;
|
||
}
|