sabo/rip-help-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle tabs: plain labels and light-blue tab bar.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
sabo
2026-08-27 09:33:15 +03:00
parent 169039c4b4
commit 026fc4bc00
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
webapp/templates/viewer.html
View File

@@ -46,14 +46,23 @@
header .pfx { font-family: var(--mono); font-size: 12px; color: rgba(255,255,255,.85); } header .pfx { font-family: var(--mono); font-size: 12px; color: rgba(255,255,255,.85); }
.gen-time { font-size: 11px; color: rgba(255,255,255,.80); margin-left: auto; font-family: var(--mono); } .gen-time { font-size: 11px; color: rgba(255,255,255,.80); margin-left: auto; font-family: var(--mono); }
.tabs { display: flex; gap: 2px; padding: 0 24px; background: var(--bg2); border-bottom: 1px solid var(--border); } .tabs {
.tab { display: flex; gap: 4px; padding: 0 24px;
padding: 10px 20px; font-size: 13px; font-family: var(--mono); color: var(--muted); background: linear-gradient(180deg, #d6e4f7 0%, #e8f0fa 100%);
cursor: pointer; border-bottom: 2px solid transparent; border-bottom: 1px solid #b7c9e3;
transition: color .15s, border-color .15s; user-select: none;
} }
.tab.active { color: var(--accent); border-color: var(--accent); } .tab {
.tab:hover:not(.active) { color: var(--text); } padding: 11px 18px; font-size: 13px; font-family: var(--sans); font-weight: 500;
color: #3d5a80; cursor: pointer;
border-bottom: 2px solid transparent;
transition: color .15s, border-color .15s, background .15s;
user-select: none; border-radius: 6px 6px 0 0;
}
.tab.active {
color: #1e4a8c; border-color: #2d5fb0;
background: rgba(255,255,255,.55);
}
.tab:hover:not(.active) { color: #1a1a2e; background: rgba(255,255,255,.28); }
.panel { display: none; padding: 20px 24px; } .panel { display: none; padding: 20px 24px; }
.panel.active { display: block; } .panel.active { display: block; }
@@ -255,10 +264,10 @@
</header> </header>
<div class="tabs"> <div class="tabs">
{% if home_url %}<div class="tab active" onclick="switchTab('home')">00 / Home</div>{% endif %} {% if home_url %}<div class="tab active" onclick="switchTab('home')">Начало</div>{% endif %}
<div class="tab {% if not home_url %}active{% endif %}" onclick="switchTab('editor')">01 / Редактор</div> <div class="tab {% if not home_url %}active{% endif %}" onclick="switchTab('editor')">Ключови думи</div>
<div class="tab" onclick="switchTab('search')">02 / Търсене</div> <div class="tab" onclick="switchTab('search')">Търсене</div>
<div class="tab" onclick="switchTab('generator')">03 / Генератор</div> <div class="tab" onclick="switchTab('generator')">Документ</div>
</div> </div>
{% if home_url %} {% if home_url %}