Refine story summary prompts and vector sync
This commit is contained in:
@@ -59,7 +59,8 @@ main {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.left, .right {
|
||||
.left,
|
||||
.right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
@@ -67,9 +68,11 @@ main {
|
||||
}
|
||||
|
||||
/* 关键词卡片：固定高度 */
|
||||
.left > .card:first-child {
|
||||
flex: 0 0 auto; /* 关键词：不伸缩 */
|
||||
.left>.card:first-child {
|
||||
flex: 0 0 auto;
|
||||
/* 关键词：不伸缩 */
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════════════════════
|
||||
Typography
|
||||
═══════════════════════════════════════════════════════════════════════════ */
|
||||
@@ -153,9 +156,9 @@ h1 span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 16px;
|
||||
background: var(--bg3);
|
||||
border: 1px solid var(--bdr);
|
||||
padding: 4px 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: .8125rem;
|
||||
color: var(--txt2);
|
||||
cursor: pointer;
|
||||
@@ -163,7 +166,7 @@ h1 span {
|
||||
}
|
||||
|
||||
.chk-label:hover {
|
||||
border-color: var(--acc);
|
||||
color: var(--txt);
|
||||
}
|
||||
|
||||
.chk-label input {
|
||||
@@ -290,33 +293,25 @@ h1 span {
|
||||
padding: 10px 14px;
|
||||
}
|
||||
|
||||
.btn-recall {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color: #fff;
|
||||
border-color: #667eea;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
.btn-debug {
|
||||
background: var(--bg2);
|
||||
color: var(--txt2);
|
||||
border: 1px solid var(--bdr);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btn-recall:hover {
|
||||
background: linear-gradient(135deg, #5a67d8 0%, #6b46a1 100%);
|
||||
border-color: #5a67d8;
|
||||
.btn-debug svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.btn-recall::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,.15) 50%, transparent 60%);
|
||||
animation: shimmer 3s infinite;
|
||||
}
|
||||
|
||||
@keyframes shimmer {
|
||||
0% { transform: translateX(-100%) rotate(45deg); }
|
||||
100% { transform: translateX(100%) rotate(45deg); }
|
||||
.btn-debug:hover {
|
||||
background: var(--bg3);
|
||||
border-color: var(--acc);
|
||||
color: var(--txt);
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════════════════════
|
||||
@@ -700,13 +695,40 @@ h1 span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.trend-broken { background: rgba(68, 68, 68, .15); color: #444; }
|
||||
.trend-hate { background: rgba(139, 0, 0, .15); color: #8b0000; }
|
||||
.trend-dislike { background: rgba(205, 92, 92, .15); color: #cd5c5c; }
|
||||
.trend-stranger { background: rgba(136, 136, 136, .15); color: #888; }
|
||||
.trend-click { background: rgba(102, 205, 170, .15); color: #4a9a7e; }
|
||||
.trend-close { background: rgba(235, 106, 106, .15); color: var(--hl); }
|
||||
.trend-merge { background: rgba(199, 21, 133, .2); color: #c71585; }
|
||||
.trend-broken {
|
||||
background: rgba(68, 68, 68, .15);
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.trend-hate {
|
||||
background: rgba(139, 0, 0, .15);
|
||||
color: #8b0000;
|
||||
}
|
||||
|
||||
.trend-dislike {
|
||||
background: rgba(205, 92, 92, .15);
|
||||
color: #cd5c5c;
|
||||
}
|
||||
|
||||
.trend-stranger {
|
||||
background: rgba(136, 136, 136, .15);
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.trend-click {
|
||||
background: rgba(102, 205, 170, .15);
|
||||
color: #4a9a7e;
|
||||
}
|
||||
|
||||
.trend-close {
|
||||
background: rgba(235, 106, 106, .15);
|
||||
color: var(--hl);
|
||||
}
|
||||
|
||||
.trend-merge {
|
||||
background: rgba(199, 21, 133, .2);
|
||||
color: #c71585;
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════════════════════
|
||||
Custom Select
|
||||
@@ -787,8 +809,15 @@ h1 span {
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; transform: translateY(-4px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-4px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════════════════════
|
||||
@@ -1041,8 +1070,10 @@ h1 span {
|
||||
letter-spacing: .05em;
|
||||
}
|
||||
|
||||
.settings-field input,
|
||||
.settings-field input:not([type="checkbox"]):not([type="radio"]),
|
||||
.settings-field select {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 10px 14px;
|
||||
background: var(--bg3);
|
||||
border: 1px solid var(--bdr);
|
||||
@@ -1050,6 +1081,22 @@ h1 span {
|
||||
color: var(--txt);
|
||||
outline: none;
|
||||
transition: border-color .2s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.settings-field input[type="checkbox"],
|
||||
.settings-field input[type="radio"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.settings-field select {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 4.5 6 7.5 9 4.5'%3E%3C/polyline%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 12px center;
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
.settings-field input:focus,
|
||||
@@ -1113,6 +1160,10 @@ h1 span {
|
||||
|
||||
.engine-option input {
|
||||
accent-color: var(--hl);
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.engine-area {
|
||||
@@ -1132,19 +1183,35 @@ h1 span {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.engine-card-desc {
|
||||
font-size: .75rem;
|
||||
color: var(--txt3);
|
||||
margin-bottom: 12px;
|
||||
.engine-status-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.engine-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
font-size: .8125rem;
|
||||
margin-bottom: 12px;
|
||||
color: var(--txt3);
|
||||
flex: 1;
|
||||
/* 占 1/3 */
|
||||
}
|
||||
|
||||
.engine-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: flex-end;
|
||||
flex: 2;
|
||||
/* 占 2/3 */
|
||||
}
|
||||
|
||||
/* 针对在线测试连接按钮的特殊处理 */
|
||||
#btn-test-vector-api {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.status-dot {
|
||||
@@ -1154,15 +1221,37 @@ h1 span {
|
||||
background: var(--txt3);
|
||||
}
|
||||
|
||||
.status-dot.ready { background: #22c55e; }
|
||||
.status-dot.cached { background: #3b82f6; }
|
||||
.status-dot.downloading { background: #f59e0b; animation: pulse 1s infinite; }
|
||||
.status-dot.error { background: #ef4444; }
|
||||
.status-dot.success { background: #22c55e; }
|
||||
.status-dot.ready {
|
||||
background: #22c55e;
|
||||
}
|
||||
|
||||
.status-dot.cached {
|
||||
background: #3b82f6;
|
||||
}
|
||||
|
||||
.status-dot.downloading {
|
||||
background: #f59e0b;
|
||||
animation: pulse 1s infinite;
|
||||
}
|
||||
|
||||
.status-dot.error {
|
||||
background: #ef4444;
|
||||
}
|
||||
|
||||
.status-dot.success {
|
||||
background: #22c55e;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: .5; }
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.engine-progress {
|
||||
@@ -1195,8 +1284,8 @@ h1 span {
|
||||
.engine-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.model-select-row {
|
||||
@@ -1218,8 +1307,8 @@ h1 span {
|
||||
.model-desc {
|
||||
font-size: .75rem;
|
||||
color: var(--txt3);
|
||||
text-align: center;
|
||||
margin-bottom: 12px;
|
||||
text-align: left;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.vector-stats {
|
||||
@@ -1343,8 +1432,8 @@ h1 span {
|
||||
}
|
||||
|
||||
.hf-intro {
|
||||
background: linear-gradient(135deg, rgba(102,126,234,.08), rgba(118,75,162,.08));
|
||||
border: 1px solid rgba(102,126,234,.2);
|
||||
background: linear-gradient(135deg, rgba(102, 126, 234, .08), rgba(118, 75, 162, .08));
|
||||
border: 1px solid rgba(102, 126, 234, .2);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
@@ -1495,8 +1584,8 @@ h1 span {
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
padding: 4px 10px;
|
||||
background: rgba(255,255,255,.1);
|
||||
border: 1px solid rgba(255,255,255,.2);
|
||||
background: rgba(255, 255, 255, .1);
|
||||
border: 1px solid rgba(255, 255, 255, .2);
|
||||
color: #999;
|
||||
font-size: .6875rem;
|
||||
cursor: pointer;
|
||||
@@ -1505,14 +1594,14 @@ h1 span {
|
||||
}
|
||||
|
||||
.hf-code .copy-btn:hover {
|
||||
background: rgba(255,255,255,.2);
|
||||
background: rgba(255, 255, 255, .2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hf-status-badge {
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
background: rgba(34,197,94,.15);
|
||||
background: rgba(34, 197, 94, .15);
|
||||
color: #22c55e;
|
||||
border-radius: 10px;
|
||||
font-size: .75rem;
|
||||
@@ -1684,8 +1773,7 @@ h1 span {
|
||||
|
||||
.btn-group {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
@@ -1714,7 +1802,8 @@ h1 span {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.left, .right {
|
||||
.left,
|
||||
.right {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
@@ -1882,7 +1971,9 @@ h1 span {
|
||||
font-size: .6875rem;
|
||||
}
|
||||
|
||||
main, .left, .right {
|
||||
main,
|
||||
.left,
|
||||
.right {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
@@ -2177,3 +2268,412 @@ h1 span {
|
||||
padding: 6px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════════════════════
|
||||
New Settings Styles
|
||||
═══════════════════════════════════════════════════════════════════════════ */
|
||||
|
||||
.settings-modal-box {
|
||||
max-width: 680px;
|
||||
}
|
||||
|
||||
/* Collapsible Section */
|
||||
.settings-collapse {
|
||||
margin-top: 20px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.settings-collapse-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
cursor: pointer;
|
||||
font-size: .8125rem;
|
||||
font-weight: 500;
|
||||
color: var(--txt2);
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
.settings-collapse-header:hover {
|
||||
background: var(--bdr);
|
||||
}
|
||||
|
||||
.collapse-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
.settings-collapse.open .collapse-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.settings-collapse-content {
|
||||
padding: 16px;
|
||||
border-top: 1px solid var(--bdr);
|
||||
}
|
||||
|
||||
/* Checkbox Group */
|
||||
.settings-checkbox-group {
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.settings-checkbox-group:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.settings-checkbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.settings-checkbox input[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.checkbox-mark {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid var(--bdr);
|
||||
border-radius: 4px;
|
||||
background: var(--bg2);
|
||||
position: relative;
|
||||
transition: all .2s;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.settings-checkbox input:checked+.checkbox-mark {
|
||||
background: var(--acc);
|
||||
border-color: var(--acc);
|
||||
}
|
||||
|
||||
.settings-checkbox input:checked+.checkbox-mark::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 2px;
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
border: solid #fff;
|
||||
border-width: 0 2px 2px 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.checkbox-label {
|
||||
font-size: .875rem;
|
||||
color: var(--txt);
|
||||
}
|
||||
|
||||
.settings-checkbox-group .settings-hint {
|
||||
margin-left: 30px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* Sub Options */
|
||||
.settings-sub-options {
|
||||
margin-top: 12px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px dashed var(--bdr);
|
||||
}
|
||||
|
||||
/* Filter Rules */
|
||||
.filter-rules-section {
|
||||
margin-top: 20px;
|
||||
padding: 16px;
|
||||
background: var(--bg3);
|
||||
border: 1px solid var(--bdr);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.filter-rules-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.filter-rules-header label {
|
||||
font-size: .75rem;
|
||||
color: var(--txt3);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .05em;
|
||||
font-weight: 600;
|
||||
flex: 1;
|
||||
/* 1/3 */
|
||||
}
|
||||
|
||||
.btn-add {
|
||||
flex: 2;
|
||||
/* 2/3 */
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.filter-rules-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.filter-rule-item {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: flex-start;
|
||||
padding: 10px 12px;
|
||||
background: var(--bg2);
|
||||
border: 1px solid var(--bdr2);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.filter-rule-inputs {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.filter-rule-item input {
|
||||
width: 100%;
|
||||
padding: 8px 10px;
|
||||
background: var(--bg3);
|
||||
border: 1px solid var(--bdr);
|
||||
font-size: .8125rem;
|
||||
color: var(--txt);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.filter-rule-item input:focus {
|
||||
border-color: var(--acc);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.filter-rule-item .rule-arrow {
|
||||
color: var(--txt3);
|
||||
font-size: .875rem;
|
||||
flex-shrink: 0;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.filter-rule-item .btn-del-rule {
|
||||
padding: 6px 10px;
|
||||
background: transparent;
|
||||
border: 1px solid var(--hl);
|
||||
color: var(--hl);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: .75rem;
|
||||
transition: all .2s;
|
||||
flex-shrink: 0;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.filter-rule-item .btn-del-rule:hover {
|
||||
background: var(--hl-soft);
|
||||
}
|
||||
|
||||
/* Vector Stats - Original horizontal layout */
|
||||
.vector-stats {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
font-size: .875rem;
|
||||
color: var(--txt2);
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.vector-stat-col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.vector-stat-label {
|
||||
font-size: .75rem;
|
||||
color: var(--txt3);
|
||||
}
|
||||
|
||||
.vector-stat-value {
|
||||
color: var(--txt2);
|
||||
}
|
||||
|
||||
.vector-stat-value strong {
|
||||
color: var(--hl);
|
||||
}
|
||||
|
||||
.vector-stat-sep {
|
||||
color: var(--txt3);
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.vector-io-section {
|
||||
border-top: 1px solid var(--bdr);
|
||||
padding-top: 16px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
/* Mobile Settings Responsive */
|
||||
@media (max-width: 768px) {
|
||||
.settings-modal-box {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.settings-collapse-header {
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.settings-checkbox-group {
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.checkbox-label {
|
||||
font-size: .8125rem;
|
||||
}
|
||||
|
||||
.vector-stats {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.vector-stat-sep {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.vector-stat-col {
|
||||
flex-direction: row;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.settings-field {
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.settings-checkbox-group {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.checkbox-mark {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.settings-checkbox input:checked+.checkbox-mark::after {
|
||||
left: 5px;
|
||||
top: 1px;
|
||||
width: 4px;
|
||||
height: 9px;
|
||||
}
|
||||
|
||||
.filter-rules-section {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.filter-rule-item {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.filter-rule-item .btn-del-rule {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.settings-sub-options .settings-row {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
/* Settings Tabs */
|
||||
.settings-tabs {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
align-self: flex-end;
|
||||
/* 使底部边框与 header 底部对齐 */
|
||||
margin-bottom: -20px;
|
||||
/* 抵消 modal-head 的 padding，让边框贴合底部 */
|
||||
}
|
||||
|
||||
.settings-tab {
|
||||
font-size: .875rem;
|
||||
color: var(--txt3);
|
||||
cursor: pointer;
|
||||
padding-bottom: 20px;
|
||||
/* 增加内边距使点击区域更大且贴合底部 */
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all .2s;
|
||||
user-select: none;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .1em;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.settings-tab:hover {
|
||||
color: var(--txt);
|
||||
}
|
||||
|
||||
.settings-tab.active {
|
||||
color: var(--hl);
|
||||
border-bottom-color: var(--hl);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-pane.active {
|
||||
display: block;
|
||||
animation: fadeIn .3s ease;
|
||||
}
|
||||
|
||||
.debug-log-header {
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px dashed var(--bdr2);
|
||||
}
|
||||
|
||||
.debug-title {
|
||||
font-size: .875rem;
|
||||
font-weight: 600;
|
||||
color: var(--txt);
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.debug-log-viewer {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
background: var(--bg3);
|
||||
border: 1px solid var(--bdr);
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-family: 'SF Mono', Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size: 11px;
|
||||
line-height: 1.5;
|
||||
color: var(--txt2);
|
||||
overflow-y: auto;
|
||||
white-space: pre-wrap;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.recall-empty {
|
||||
color: var(--txt3);
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
font-style: italic;
|
||||
font-size: .8125rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user