mARTin-B78/tts-voice-creator-clone-and-design-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: reduce gap between stars in compact rating display

Browse Source
This commit is contained in:
mARTin-B78 2026-06-23 10:40:48 +02:00
parent 7e4c80d784
commit ca599be5c3
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/index.html
View File

@ -26,7 +26,7 @@
<!-- ── Core styles (local — no CDN dependency for first paint) ────────── --> <!-- ── Core styles (local — no CDN dependency for first paint) ────────── -->
<link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css"> <link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css">
<link rel="stylesheet" href="/static/style.css?v=1.8.0-10"> <link rel="stylesheet" href="/static/style.css?v=1.8.0-11">
<!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── --> <!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── -->

2
static/js/voice-library.js
View File

@ -1908,7 +1908,7 @@ function makeVoiceRow(v) {
<span class="vl-lang-label" title="${escHtml(currentFlag || langCode)}">${flagEmoji}</span> <span class="vl-lang-label" title="${escHtml(currentFlag || langCode)}">${flagEmoji}</span>
${gender ? `<span class="vl-gender-letter ${genderClass[gender]||'g-n'}" title="${genderLabel[gender]||''}">${genderMapLetter[gender]||'?'}</span>` : ''} ${gender ? `<span class="vl-gender-letter ${genderClass[gender]||'g-n'}" title="${genderLabel[gender]||''}">${genderMapLetter[gender]||'?'}</span>` : ''}
${benchText !== '-' ? `<span class="vl-bench-chip ${benchCls}" title="${escHtml(benchTitle)}"><span class="mdi mdi-timer-outline"></span> ${escHtml(benchText.split(' ')[0])}</span>` : ''} ${benchText !== '-' ? `<span class="vl-bench-chip ${benchCls}" title="${escHtml(benchTitle)}"><span class="mdi mdi-timer-outline"></span> ${escHtml(benchText.split(' ')[0])}</span>` : ''}
<div class="vr-rating" style="font-size:13px;min-height:unset">${starsHtml}</div> <div class="vr-rating">${starsHtml}</div>
<span class="vl-type-label ${isClone ? 'vl-type-clone' : 'vl-type-design'}">${isClone ? 'Clone' : 'Design'}</span> <span class="vl-type-label ${isClone ? 'vl-type-clone' : 'vl-type-design'}">${isClone ? 'Clone' : 'Design'}</span>
</div> </div>
</div> </div>

6
static/style.css
View File

@ -1374,6 +1374,12 @@ code { background: var(--panel); border-radius: 4px; padding: 1px 5px; font-fami
.vl-gender-letter.g-n { background: rgba(156, 163, 175, 0.15); color: #9ca3af; } .vl-gender-letter.g-n { background: rgba(156, 163, 175, 0.15); color: #9ca3af; }
.vl-flag { font-size: 14px; color: var(--subtext); } .vl-flag { font-size: 14px; color: var(--subtext); }
.vl-meta .vr-rating {
font-size: 13px;
min-height: unset;
gap: 0;
}
/* Benchmark speed chip — compact list row + inspector header */ /* Benchmark speed chip — compact list row + inspector header */
.vl-meta .vl-bench-chip { margin-left: 2px; } .vl-meta .vl-bench-chip { margin-left: 2px; }
.vl-bench-chip { .vl-bench-chip {