v0.319.0: the app page in panels, the login in one place, a password the box never had is said in words
gates / gates (push) Successful in 52s

- style A (operator 2026-10-16): hero, tab bar and every section are panels on --bg-1, one width, 16px apart;
  the install page's form groups use the same rule; the settings tab's 700px inner wrapper is gone
- „Belépés az alkalmazásba": name + password side by side, fetched on demand (R-254, R-709); pairing in app_login.go
- the empty-value rule: no stored value -> a sentence, never an eye; page and reveal endpoint share storedValuePresent
- „Cím és kulcsok" is rows (no Domain input, no disabled storage select, no install form); hint under the title
- tests red-proved: app_page_tuning_test.go (4); 36 app-page parity fixtures re-captured, 4 new; install fixtures unchanged

Claude-Session: https://claude.ai/code/session_012qRErfCoiTkvDK9N5XHbzb
This commit is contained in:
2026-10-16 12:12:06 +02:00
parent 8d44416610
commit d170a2aecf
58 changed files with 6046 additions and 1776 deletions
@@ -218,14 +218,25 @@
<script>
function appShotGone(img) {
img.style.display = 'none';
var box = img.parentNode, left = false;
box.querySelectorAll('img').forEach(function (i) { if (i.style.display !== 'none') { left = true; } });
if (!left) { box.closest('.app-section').style.display = 'none'; }
}
</script>
<div class="app-section" data-screenshots-section="1">
<div class="app-screenshots" id="screenshots">
<img src="/static/assets/privatebin-screenshot-1.webp" alt="" class="app-screenshot"
onerror="this.style.display='none'">
onerror="appShotGone(this)">
<img src="/static/assets/privatebin-screenshot-2.webp" alt="" class="app-screenshot"
onerror="this.style.display='none'">
onerror="appShotGone(this)">
<img src="/static/assets/privatebin-screenshot-3.webp" alt="" class="app-screenshot"
onerror="this.style.display='none'">
onerror="appShotGone(this)">
</div>
</div>
@@ -262,7 +273,7 @@
<div class="app-guide" data-guide="1" data-guide-checked="2.0.6">
<div class="app-section" style="margin-top:1rem" data-guide-section="1">
<div class="app-section" data-guide-section="1">
<h3>Első bekapcsolás</h3>
<p>Nyisd meg a böngészőben.</p>
@@ -270,7 +281,7 @@
</ol>
</div>
<div class="app-section" style="margin-top:1rem" data-guide-section="1">
<div class="app-section" data-guide-section="1">
<h3>Megosztás másokkal</h3>
@@ -278,7 +289,7 @@
</ol>
</div>
<div class="app-section" style="margin-top:1rem" data-guide-faq="1">
<div class="app-section" data-guide-faq="1">
<h3>Gyakori kérdések</h3>
<dl class="app-faq">
<dt>Hol vannak a fájlok?</dt>