更新版本记录
This commit is contained in:
tianmo committed
1 parent
8977463861
commit
98e5c435c8
16 files changed
+262
-57
No files matched your search
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "Hilfe",
|
||||
"subtitle": "Schneller Einstieg vom Erstellen von Partikeln bis zum Speichern und Exportieren",
|
||||
"tabsLabel": "Hilfebereiche",
|
||||
"updates": "Versionshinweise",
|
||||
"updatesSubtitle": "Aktuelle Funktionsupdates anzeigen",
|
||||
"releaseSummaryV11105": "V1.11.05 aktualisiert",
|
||||
"releaseHeadingV11105": "Update vom 05.11.2026:",
|
||||
"releaseWindowFix": "Die Fensteranzeige wurde korrigiert.",
|
||||
"releaseSummaryV11104": "V1.11.04 aktualisiert",
|
||||
"releaseHeadingV11104": "Update vom 04.11.2026:",
|
||||
"releaseLanguageUpdate": "Russische Sprachunterstützung hinzugefügt. Diese Website ist dauerhaft kostenlos und entsteht aus reinem Interesse; daher erwägen wir eine vollständige Open-Source-Veröffentlichung, sobald die Funktionen ausgereift sind. Vielen Dank für Ihre Unterstützung.",
|
||||
"releaseFollowUpdate": "Der Export mit Pfadverfolgung wurde korrigiert.",
|
||||
"close": "Anweisungen schließen",
|
||||
"closeShort": "Schließen (Esc)",
|
||||
"quickStart": "Schnellstart",
|
||||
|
||||
@@ -792,6 +792,16 @@
|
||||
"help": {
|
||||
"title": "Help",
|
||||
"subtitle": "Quick start from creating particles to saving and exporting",
|
||||
"tabsLabel": "Help sections",
|
||||
"updates": "Release Notes",
|
||||
"updatesSubtitle": "View recent feature updates",
|
||||
"releaseSummaryV11105": "Updated to V1.11.05",
|
||||
"releaseHeadingV11105": "Updated 2026-11-05:",
|
||||
"releaseWindowFix": "Fixed window display.",
|
||||
"releaseSummaryV11104": "Updated to V1.11.04",
|
||||
"releaseHeadingV11104": "Updated 2026-11-04:",
|
||||
"releaseLanguageUpdate": "Russian language support has been added. This site is permanently free and driven purely by interest, so we may fully open-source it once the features mature. Thank you for your support.",
|
||||
"releaseFollowUpdate": "Fixed path-following in exports.",
|
||||
"close": "Close help",
|
||||
"closeShort": "Close (Esc)",
|
||||
"quickStart": "Quick Start",
|
||||
|
||||
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "Ayuda",
|
||||
"subtitle": "Inicio rápido desde la creación de partículas hasta el guardado y la exportación",
|
||||
"tabsLabel": "Secciones de ayuda",
|
||||
"updates": "Actualizaciones de versión",
|
||||
"updatesSubtitle": "Ver actualizaciones recientes de funciones",
|
||||
"releaseSummaryV11105": "Actualizado a V1.11.05",
|
||||
"releaseHeadingV11105": "Actualización del 05/11/2026:",
|
||||
"releaseWindowFix": "Corregida la visualización de la ventana.",
|
||||
"releaseSummaryV11104": "Actualizado a V1.11.04",
|
||||
"releaseHeadingV11104": "Actualización del 04/11/2026:",
|
||||
"releaseLanguageUpdate": "Se añadió compatibilidad con el idioma ruso. Este sitio es gratuito de forma permanente y nace por puro interés, por lo que consideraremos publicarlo completamente como código abierto cuando las funciones estén maduras. Gracias por tu apoyo.",
|
||||
"releaseFollowUpdate": "Corregida la exportación con seguimiento de trayectoria.",
|
||||
"close": "Cerrar instrucciones",
|
||||
"closeShort": "Cerrar (Esc)",
|
||||
"quickStart": "inicio rápido",
|
||||
|
||||
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "Aide",
|
||||
"subtitle": "Démarrage rapide de la création de particules à l'enregistrement et à l'exportation",
|
||||
"tabsLabel": "Sections de l’aide",
|
||||
"updates": "Mises à jour",
|
||||
"updatesSubtitle": "Voir les mises à jour récentes des fonctionnalités",
|
||||
"releaseSummaryV11105": "Mis à jour vers V1.11.05",
|
||||
"releaseHeadingV11105": "Mise à jour du 05/11/2026 :",
|
||||
"releaseWindowFix": "Correction de l’affichage de la fenêtre.",
|
||||
"releaseSummaryV11104": "Mis à jour vers V1.11.04",
|
||||
"releaseHeadingV11104": "Mise à jour du 04/11/2026 :",
|
||||
"releaseLanguageUpdate": "Prise en charge du russe ajoutée. Ce site est gratuit en permanence et réalisé par simple intérêt ; nous envisageons donc de l’ouvrir entièrement en open source lorsque les fonctionnalités seront matures. Merci pour votre soutien.",
|
||||
"releaseFollowUpdate": "Correction du suivi de trajectoire lors de l’exportation.",
|
||||
"close": "Fermer les instructions",
|
||||
"closeShort": "Fermer (Échap)",
|
||||
"quickStart": "démarrage rapide",
|
||||
|
||||
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "ヘルプ",
|
||||
"subtitle": "パーティクルの作成から保存、エクスポートまでクイックスタート",
|
||||
"tabsLabel": "ヘルプのセクション",
|
||||
"updates": "バージョン更新",
|
||||
"updatesSubtitle": "最近の機能更新を見る",
|
||||
"releaseSummaryV11105": "V1.11.05 更新済み",
|
||||
"releaseHeadingV11105": "2026-11-05 更新：",
|
||||
"releaseWindowFix": "ウィンドウの表示を修正しました。",
|
||||
"releaseSummaryV11104": "V1.11.04 更新済み",
|
||||
"releaseHeadingV11104": "2026-11-04 更新：",
|
||||
"releaseLanguageUpdate": "ロシア語対応を追加しました。当サイトは純粋な興味から永久無料で運営しており、機能が成熟した将来には全機能をオープンソース化することも検討しています。ご支援ありがとうございます。",
|
||||
"releaseFollowUpdate": "パス追従のエクスポート結果を修正しました。",
|
||||
"close": "指示を閉じる",
|
||||
"closeShort": "閉じる (Esc)",
|
||||
"quickStart": "クイックスタート",
|
||||
|
||||
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "도움말",
|
||||
"subtitle": "입자 생성부터 저장 및 내보내기까지 빠른 시작",
|
||||
"tabsLabel": "도움말 섹션",
|
||||
"updates": "버전 업데이트",
|
||||
"updatesSubtitle": "최근 기능 업데이트 보기",
|
||||
"releaseSummaryV11105": "V1.11.05 업데이트됨",
|
||||
"releaseHeadingV11105": "2026-11-05 업데이트:",
|
||||
"releaseWindowFix": "창 표시를 수정했습니다.",
|
||||
"releaseSummaryV11104": "V1.11.04 업데이트됨",
|
||||
"releaseHeadingV11104": "2026-11-04 업데이트:",
|
||||
"releaseLanguageUpdate": "러시아어 지원을 추가했습니다. 본 사이트는 순수한 흥미로 영구 무료로 운영되며, 기능이 성숙한 미래에는 전체 오픈소스화도 검토할 예정입니다. 지원해 주셔서 감사합니다.",
|
||||
"releaseFollowUpdate": "경로 추적 내보내기 결과를 수정했습니다.",
|
||||
"close": "지침 닫기",
|
||||
"closeShort": "닫기(Esc)",
|
||||
"quickStart": "빠른 시작",
|
||||
|
||||
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "Ajuda",
|
||||
"subtitle": "Início rápido, desde a criação de partículas até o salvamento e exportação",
|
||||
"tabsLabel": "Seções da ajuda",
|
||||
"updates": "Atualizações da versão",
|
||||
"updatesSubtitle": "Ver atualizações recentes de recursos",
|
||||
"releaseSummaryV11105": "Atualizado para V1.11.05",
|
||||
"releaseHeadingV11105": "Atualização de 05/11/2026:",
|
||||
"releaseWindowFix": "Corrigida a exibição da janela.",
|
||||
"releaseSummaryV11104": "Atualizado para V1.11.04",
|
||||
"releaseHeadingV11104": "Atualização de 04/11/2026:",
|
||||
"releaseLanguageUpdate": "Adicionado suporte ao idioma russo. Este site é permanentemente gratuito e feito por puro interesse, por isso poderemos abri-lo totalmente como código aberto quando os recursos estiverem maduros. Obrigado pelo apoio.",
|
||||
"releaseFollowUpdate": "Corrigida a exportação com acompanhamento de trajetória.",
|
||||
"close": "Fechar instruções",
|
||||
"closeShort": "Fechar (Esc)",
|
||||
"quickStart": "início rápido",
|
||||
|
||||
@@ -792,6 +792,16 @@
|
||||
"help": {
|
||||
"title": "Справка",
|
||||
"subtitle": "Краткое руководство: от создания частиц до сохранения и экспорта",
|
||||
"tabsLabel": "Разделы справки",
|
||||
"updates": "Обновления версии",
|
||||
"updatesSubtitle": "Последние обновления функций",
|
||||
"releaseSummaryV11105": "Обновлено до V1.11.05",
|
||||
"releaseHeadingV11105": "Обновление от 05.11.2026:",
|
||||
"releaseWindowFix": "Исправлено отображение окна.",
|
||||
"releaseSummaryV11104": "Обновлено до V1.11.04",
|
||||
"releaseHeadingV11104": "Обновление от 04.11.2026:",
|
||||
"releaseLanguageUpdate": "Добавлена поддержка русского языка. Сайт всегда бесплатен и создаётся исключительно из интереса, поэтому в будущем, когда функции достигнут зрелости, мы рассматриваем полный переход на открытый исходный код. Спасибо за поддержку.",
|
||||
"releaseFollowUpdate": "Исправлен экспорт со следованием по пути.",
|
||||
"close": "Закрыть справку",
|
||||
"closeShort": "Закрыть (Esc)",
|
||||
"quickStart": "Быстрый старт",
|
||||
|
||||
@@ -792,6 +792,16 @@
|
||||
"help": {
|
||||
"title": "使用说明",
|
||||
"subtitle": "从创建粒子到保存、导出的快速入门",
|
||||
"tabsLabel": "使用说明栏目",
|
||||
"updates": "版本更新",
|
||||
"updatesSubtitle": "查看近期功能更新记录",
|
||||
"releaseSummaryV11105": "V1.11.05 已更新",
|
||||
"releaseHeadingV11105": "2026-11-05更新：",
|
||||
"releaseWindowFix": "修复窗口显示",
|
||||
"releaseSummaryV11104": "V1.11.04 已更新",
|
||||
"releaseHeadingV11104": "2026-11-04更新：",
|
||||
"releaseLanguageUpdate": "增加俄语支持。本站永久免费，纯兴趣使然，故考虑在功能成熟的未来进行全量开源，感谢支持。",
|
||||
"releaseFollowUpdate": "修正路径跟随导出效果。",
|
||||
"close": "关闭使用说明",
|
||||
"closeShort": "关闭 (Esc)",
|
||||
"quickStart": "快速开始",
|
||||
|
||||
@@ -769,6 +769,16 @@
|
||||
"help": {
|
||||
"title": "使用說明",
|
||||
"subtitle": "從創建粒子到保存、導出的快速入門",
|
||||
"tabsLabel": "使用說明欄目",
|
||||
"updates": "版本更新",
|
||||
"updatesSubtitle": "查看近期功能更新記錄",
|
||||
"releaseSummaryV11105": "V1.11.05 已更新",
|
||||
"releaseHeadingV11105": "2026-11-05更新：",
|
||||
"releaseWindowFix": "修正視窗顯示",
|
||||
"releaseSummaryV11104": "V1.11.04 已更新",
|
||||
"releaseHeadingV11104": "2026-11-04更新：",
|
||||
"releaseLanguageUpdate": "新增俄語支援。本站永久免費，純粹出於興趣，故考慮在功能成熟的未來進行全量開源，感謝支持。",
|
||||
"releaseFollowUpdate": "修正路徑跟隨匯出效果。",
|
||||
"close": "關閉使用說明",
|
||||
"closeShort": "關閉 (Esc)",
|
||||
"quickStart": "快速開始",
|
||||
|
||||
+158
-53
@@ -2,57 +2,79 @@
|
||||
<div v-if="show" class="help-overlay" role="presentation" @click.self="close">
|
||||
<section class="help-dialog" data-matomo-section="help" role="dialog" aria-modal="true" aria-labelledby="help-title">
|
||||
<header class="help-head">
|
||||
<div>
|
||||
<h2 id="help-title">{{ $t('help.title') }}</h2>
|
||||
<p>{{ $t('help.subtitle') }}</p>
|
||||
</div>
|
||||
<nav class="help-tabs" :aria-label="$t('help.tabsLabel')">
|
||||
<button
|
||||
id="help-title"
|
||||
type="button"
|
||||
class="help-tab"
|
||||
:class="{ active: activeTab === 'guide' }"
|
||||
:aria-pressed="activeTab === 'guide'"
|
||||
aria-controls="help-guide-panel"
|
||||
@click="activeTab = 'guide'"
|
||||
>
|
||||
<strong>{{ $t('help.title') }}</strong>
|
||||
<small>{{ $t('help.subtitle') }}</small>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="help-tab"
|
||||
:class="{ active: activeTab === 'updates' }"
|
||||
:aria-pressed="activeTab === 'updates'"
|
||||
aria-controls="help-updates-panel"
|
||||
@click="activeTab = 'updates'"
|
||||
>
|
||||
<strong>{{ $t('help.updates') }}</strong>
|
||||
<small>{{ $t('help.updatesSubtitle') }}</small>
|
||||
</button>
|
||||
</nav>
|
||||
<button class="help-close" :aria-label="$t('help.close')" :title="$t('help.closeShort')" @click="close">✕</button>
|
||||
</header>
|
||||
|
||||
<div class="help-body">
|
||||
<section class="help-section help-start">
|
||||
<h3>{{ $t('help.quickStart') }}</h3>
|
||||
<ol>
|
||||
<li>{{ $t('help.stepCreate') }}</li>
|
||||
<li>{{ $t('help.stepEdit') }}</li>
|
||||
<li>{{ $t('help.stepPreview') }}</li>
|
||||
<li>{{ $t('help.stepExport') }}</li>
|
||||
</ol>
|
||||
<p class="help-note">{{ $t('help.quickNote') }}</p>
|
||||
</section>
|
||||
|
||||
<div class="help-grid">
|
||||
<section class="help-section">
|
||||
<h3>{{ $t('help.commonOps') }}</h3>
|
||||
<dl class="help-list">
|
||||
<div><dt>{{ $t('help.eye') }}</dt><dd>{{ $t('help.eyeDesc') }}</dd></div>
|
||||
<div><dt>+Copy</dt><dd>{{ $t('help.copyDesc') }}</dd></div>
|
||||
<div><dt>{{ $t('toolbar.background') }}</dt><dd>{{ $t('help.backgroundDesc') }}</dd></div>
|
||||
<div><dt>{{ $t('toolbar.settings') }}</dt><dd>{{ $t('help.settingsDesc') }}</dd></div>
|
||||
<div><dt>{{ $t('help.undoShortcut') }}</dt><dd>{{ $t('help.undoDesc') }}</dd></div>
|
||||
<div><dt>Spine Bone</dt><dd>{{ $t('help.spineBoneDesc') }}</dd></div>
|
||||
</dl>
|
||||
<div v-show="activeTab === 'guide'" id="help-guide-panel">
|
||||
<section class="help-section help-start">
|
||||
<h3>{{ $t('help.quickStart') }}</h3>
|
||||
<ol>
|
||||
<li>{{ $t('help.stepCreate') }}</li>
|
||||
<li>{{ $t('help.stepEdit') }}</li>
|
||||
<li>{{ $t('help.stepPreview') }}</li>
|
||||
<li>{{ $t('help.stepExport') }}</li>
|
||||
</ol>
|
||||
<p class="help-note">{{ $t('help.quickNote') }}</p>
|
||||
</section>
|
||||
|
||||
<section class="help-section">
|
||||
<h3>{{ $t('help.shortcuts') }}</h3>
|
||||
<div class="shortcut-list">
|
||||
<div><kbd>Ctrl/⌘</kbd><span>+</span><kbd>Z</kbd><em>{{ $t('help.undoShortcut') }}</em></div>
|
||||
<div><kbd>Ctrl/⌘</kbd><span>+</span><kbd>S</kbd><em>{{ $t('help.saveShortcut') }}</em></div>
|
||||
<div><kbd>Q</kbd><em>{{ $t('help.panShortcut') }}</em></div>
|
||||
<div><kbd>W</kbd><em>{{ $t('help.translateShortcut') }}</em></div>
|
||||
<div><kbd>E</kbd><em>{{ $t('help.rotateShortcut') }}</em></div>
|
||||
<div><kbd>R</kbd><em>{{ $t('help.scaleShortcut') }}</em></div>
|
||||
<div><kbd>D</kbd><em>{{ $t('help.playShortcut') }}</em></div>
|
||||
<div><kbd>S</kbd><em>{{ $t('help.startShortcut') }}</em></div>
|
||||
</div>
|
||||
<p class="help-note">{{ $t('help.shortcutNote') }}</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="help-grid">
|
||||
<section class="help-section">
|
||||
<h3>{{ $t('help.commonOps') }}</h3>
|
||||
<dl class="help-list">
|
||||
<div><dt>{{ $t('help.eye') }}</dt><dd>{{ $t('help.eyeDesc') }}</dd></div>
|
||||
<div><dt>+Copy</dt><dd>{{ $t('help.copyDesc') }}</dd></div>
|
||||
<div><dt>{{ $t('toolbar.background') }}</dt><dd>{{ $t('help.backgroundDesc') }}</dd></div>
|
||||
<div><dt>{{ $t('toolbar.settings') }}</dt><dd>{{ $t('help.settingsDesc') }}</dd></div>
|
||||
<div><dt>{{ $t('help.undoShortcut') }}</dt><dd>{{ $t('help.undoDesc') }}</dd></div>
|
||||
<div><dt>Spine Bone</dt><dd>{{ $t('help.spineBoneDesc') }}</dd></div>
|
||||
</dl>
|
||||
</section>
|
||||
|
||||
<div class="help-doc-title">{{ $t('help.modules') }}</div>
|
||||
<section class="help-section">
|
||||
<h3>{{ $t('help.shortcuts') }}</h3>
|
||||
<div class="shortcut-list">
|
||||
<div><kbd>Ctrl/⌘</kbd><span>+</span><kbd>Z</kbd><em>{{ $t('help.undoShortcut') }}</em></div>
|
||||
<div><kbd>Ctrl/⌘</kbd><span>+</span><kbd>S</kbd><em>{{ $t('help.saveShortcut') }}</em></div>
|
||||
<div><kbd>Q</kbd><em>{{ $t('help.panShortcut') }}</em></div>
|
||||
<div><kbd>W</kbd><em>{{ $t('help.translateShortcut') }}</em></div>
|
||||
<div><kbd>E</kbd><em>{{ $t('help.rotateShortcut') }}</em></div>
|
||||
<div><kbd>R</kbd><em>{{ $t('help.scaleShortcut') }}</em></div>
|
||||
<div><kbd>D</kbd><em>{{ $t('help.playShortcut') }}</em></div>
|
||||
<div><kbd>S</kbd><em>{{ $t('help.startShortcut') }}</em></div>
|
||||
</div>
|
||||
<p class="help-note">{{ $t('help.shortcutNote') }}</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="help-section help-module" :class="{ open: openModules[0] }">
|
||||
<div class="help-doc-title">{{ $t('help.modules') }}</div>
|
||||
|
||||
<section class="help-section help-module" :class="{ open: openModules[0] }">
|
||||
<button type="button" class="help-module-head" :aria-expanded="openModules[0] ? 'true' : 'false'" @click="openModules[0] = !openModules[0]">
|
||||
<span class="mnum">1</span><span class="mtitle">{{ $t('help.configTitle') }}</span><span class="caret">{{ openModules[0] ? '▾' : '▸' }}</span>
|
||||
</button>
|
||||
@@ -185,10 +207,37 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="help-section help-export">
|
||||
<h3>{{ $t('help.differenceTitle') }}</h3>
|
||||
<p>{{ $t('help.differenceDesc') }}</p>
|
||||
</section>
|
||||
<section class="help-section help-export">
|
||||
<h3>{{ $t('help.differenceTitle') }}</h3>
|
||||
<p>{{ $t('help.differenceDesc') }}</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div v-show="activeTab === 'updates'" id="help-updates-panel" class="help-updates">
|
||||
<section
|
||||
v-for="(release, index) in releases"
|
||||
:key="release.title"
|
||||
class="help-section release-card"
|
||||
:class="{ open: openRelease === index }"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
class="release-head"
|
||||
:aria-expanded="openRelease === index"
|
||||
@click="openRelease = openRelease === index ? null : index"
|
||||
>
|
||||
<time :datetime="release.date">{{ release.date }}</time>
|
||||
<span>{{ $t(release.title) }}</span>
|
||||
<b>{{ openRelease === index ? '▾' : '▸' }}</b>
|
||||
</button>
|
||||
<div v-show="openRelease === index" class="release-body">
|
||||
<p>{{ $t(release.heading) }}</p>
|
||||
<ol>
|
||||
<li v-for="update in release.updates" :key="update">{{ $t(update) }}</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -200,9 +249,27 @@ import { onBeforeUnmount, onMounted, ref } from 'vue'
|
||||
defineProps<{ show: boolean }>()
|
||||
const emit = defineEmits<{ (event: 'close'): void }>()
|
||||
|
||||
const activeTab = ref<'guide' | 'updates'>('guide')
|
||||
|
||||
// 功能模块详解：默认全部收起，点击标题栏展开/收起单个模块。
|
||||
const openModules = ref<boolean[]>(Array.from({ length: 9 }, () => false))
|
||||
|
||||
const releases = [
|
||||
{
|
||||
date: '2026-11-05',
|
||||
title: 'help.releaseSummaryV11105',
|
||||
heading: 'help.releaseHeadingV11105',
|
||||
updates: ['help.releaseWindowFix'],
|
||||
},
|
||||
{
|
||||
date: '2026-11-04',
|
||||
title: 'help.releaseSummaryV11104',
|
||||
heading: 'help.releaseHeadingV11104',
|
||||
updates: ['help.releaseLanguageUpdate', 'help.releaseFollowUpdate'],
|
||||
},
|
||||
]
|
||||
const openRelease = ref<number | null>(0)
|
||||
|
||||
function close() {
|
||||
emit('close')
|
||||
}
|
||||
@@ -221,22 +288,38 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))
|
||||
box-sizing: border-box; background: rgba(5, 8, 15, .72); backdrop-filter: blur(3px);
|
||||
}
|
||||
.help-dialog {
|
||||
width: min(820px, 100%); max-height: 100%; display: flex; flex-direction: column; overflow: hidden;
|
||||
width: min(820px, 100%); height: 100%; max-height: 100%; display: flex; flex-direction: column; overflow: hidden;
|
||||
border: 1px solid #3a4864; border-radius: 14px; background: #141a27; color: #b8c3d8;
|
||||
box-shadow: 0 22px 70px rgba(0, 0, 0, .62);
|
||||
}
|
||||
.help-head {
|
||||
display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 20px 15px;
|
||||
position: relative; display: flex; align-items: flex-end; min-height: 82px; padding: 14px 52px 0 18px;
|
||||
border-bottom: 1px solid #2b354a; background: linear-gradient(135deg, #202942, #181e2d);
|
||||
}
|
||||
.help-head h2 { margin: 0; color: #eef2ff; font-size: 19px; }
|
||||
.help-head p { margin: 5px 0 0; color: #7786a3; font-size: 11px; }
|
||||
.help-tabs { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
||||
.help-tab {
|
||||
display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px;
|
||||
padding: 11px 14px 10px; border: 1px solid transparent; border-bottom: 0; border-radius: 9px 9px 0 0;
|
||||
background: transparent; color: #7786a3; font: inherit; text-align: left; cursor: pointer;
|
||||
}
|
||||
.help-tab strong { color: inherit; font-size: 19px; }
|
||||
.help-tab small { overflow: hidden; width: 100%; color: inherit; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.help-tab:hover { color: #b9c5dc; }
|
||||
.help-tab.active { border-color: #3a4864; background: #141a27; color: #eef2ff; }
|
||||
.help-tab:focus-visible { outline: 2px solid #8b86ff; outline-offset: -2px; }
|
||||
.help-close {
|
||||
width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid #43516b; border-radius: 6px;
|
||||
position: absolute; top: 18px; right: 18px; width: 28px; height: 28px; border: 1px solid #43516b; border-radius: 6px;
|
||||
background: #273249; color: #ccd7ed; cursor: pointer;
|
||||
}
|
||||
.help-close:hover { border-color: #7774ff; background: #3b4670; color: #fff; }
|
||||
.help-body { min-height: 0; overflow: auto; padding: 18px 20px 21px; }
|
||||
.help-body {
|
||||
min-height: 0; overflow: auto; padding: 18px 20px 21px;
|
||||
scrollbar-width: thin; scrollbar-color: #3a455e transparent;
|
||||
}
|
||||
.help-body::-webkit-scrollbar { width: 6px; }
|
||||
.help-body::-webkit-scrollbar-track { background: transparent; }
|
||||
.help-body::-webkit-scrollbar-thumb { border-radius: 3px; background: #3a455e; }
|
||||
.help-body::-webkit-scrollbar-thumb:hover { background: #596683; }
|
||||
.help-section { padding: 14px 15px; border: 1px solid #2c3850; border-radius: 10px; background: #181f2e; }
|
||||
.help-section h3 { margin: 0 0 11px; color: #9fb2ff; font-size: 13px; }
|
||||
.help-start ol { margin: 0; padding-left: 21px; color: #aab6cc; font-size: 12px; line-height: 1.75; }
|
||||
@@ -259,6 +342,24 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))
|
||||
.help-note { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid #2a3549; color: #697791; font-size: 10px; line-height: 1.55; }
|
||||
.help-export { margin-top: 12px; }
|
||||
.help-export p { margin: 0; color: #8997b0; font-size: 11px; line-height: 1.65; }
|
||||
.help-updates { display: grid; gap: 10px; }
|
||||
.release-card { padding: 0; overflow: hidden; }
|
||||
.release-head {
|
||||
display: flex; width: 100%; align-items: center; gap: 11px; padding: 14px 15px; border: 0;
|
||||
background: transparent; color: #d3dcf0; font: inherit; font-size: 12px; text-align: left; cursor: pointer;
|
||||
}
|
||||
.release-head time {
|
||||
flex: 0 0 auto; padding: 3px 7px; border-radius: 5px; background: #30395a;
|
||||
color: #b8c2ff; font-size: 10px; font-weight: 700;
|
||||
}
|
||||
.release-head span { flex: 1; min-width: 0; font-weight: 700; }
|
||||
.release-head b { color: #7b86a2; font-size: 12px; font-weight: 400; }
|
||||
.release-head:hover, .release-card.open .release-head { background: #1d2638; color: #fff; }
|
||||
.release-card.open .release-head b { color: #9fb2ff; }
|
||||
.release-body { margin: 0 15px; padding: 12px 0 14px; border-top: 1px solid #2a3549; }
|
||||
.release-body p { margin: 0; color: #9ba9c2; font-size: 12px; line-height: 1.7; }
|
||||
.release-body ol { display: grid; gap: 7px; margin: 8px 0 0; padding-left: 21px; color: #9ba9c2; font-size: 12px; line-height: 1.7; }
|
||||
.release-body li::marker { color: #8f9eff; font-weight: 700; }
|
||||
.help-doc-title { margin: 16px 2px 2px; color: #9fb2ff; font-size: 13px; font-weight: 700; letter-spacing: .5px; }
|
||||
.help-module { margin-top: 12px; }
|
||||
.help-module-head {
|
||||
@@ -289,5 +390,9 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))
|
||||
@media (max-width: 760px) {
|
||||
.help-overlay { padding: 66px 12px 14px; }
|
||||
.help-grid { grid-template-columns: 1fr; }
|
||||
.help-head { padding-left: 10px; padding-right: 48px; }
|
||||
.help-tab { padding: 9px 10px; }
|
||||
.help-tab strong { font-size: 15px; }
|
||||
.help-tab small { font-size: 9px; }
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user