feat: added local separator implementation

This commit is contained in:
Xiaohan-Tian
2026-05-11 22:27:22 -07:00
parent 5b599aa4e7
commit d32dc35b6d
16 changed files with 2506 additions and 38 deletions
+94 -1
View File
@@ -62,6 +62,15 @@
border-bottom-color: #5a9fd4;
}
.kgone-tab.is-disabled {
color: #666;
cursor: not-allowed;
}
.kgone-tab.is-disabled:hover {
color: #666;
}
/* Scrollable body */
.kgone-panel-body {
flex: 1;
@@ -203,6 +212,64 @@
border-radius: 6px;
}
.kgone-local-mode-card {
background-color: #252525;
border: 1px solid #3a3a3a;
border-radius: 6px;
padding: 10px;
display: flex;
flex-direction: column;
gap: 8px;
}
.kgone-local-mode-title {
color: #e0e0e0;
font-size: 12px;
font-weight: 600;
}
.kgone-local-mode-text {
color: #999;
font-size: 11px;
line-height: 1.45;
}
.kgone-runtime-row {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.kgone-provider-chip {
background-color: #313131;
border: 1px solid #444;
border-radius: 999px;
color: #bbb;
font-size: 10px;
padding: 4px 8px;
}
.kgone-progress-block {
display: flex;
flex-direction: column;
gap: 6px;
}
.kgone-progress-track {
width: 100%;
height: 8px;
background-color: #1d1d1d;
border: 1px solid #3a3a3a;
border-radius: 999px;
overflow: hidden;
}
.kgone-progress-fill {
height: 100%;
background: linear-gradient(90deg, #5a9fd4 0%, #7cc2f1 100%);
transition: width 0.15s linear;
}
.kgone-region-info {
background-color: #252525;
border: 1px solid #3a3a3a;
@@ -252,6 +319,32 @@
cursor: not-allowed;
}
.kgone-btn-secondary {
background-color: #353535;
border: 1px solid #4a4a4a;
border-radius: 4px;
color: #ddd;
font-size: 11px;
font-weight: 600;
padding: 8px 10px;
cursor: pointer;
flex: 1;
}
.kgone-btn-secondary:hover:not(:disabled) {
background-color: #404040;
}
.kgone-btn-secondary:disabled {
color: #666;
cursor: not-allowed;
}
.kgone-btn-danger {
border-color: #5a2a2a;
color: #f0b0b0;
}
/* ── Audio player ──────────────────────────────────────────────────────────── */
.kgone-audio-player {
display: flex;
@@ -404,4 +497,4 @@
font-size: 11px;
cursor: pointer;
user-select: none;
}
}