fix(apk): l'icone se pose a cote du titre de l'en-tete, le nom n'est plus ecrit deux fois

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
r-zakarya
2026-09-25 15:39:38 +01:00
parent 49738d0b74
commit e0f8bf441f
+9 -7
View File
@@ -233,6 +233,7 @@
/* --- detail ------------------------------------------------------------ */
.head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; }
.head .av { width: 30px; height: 30px; font-size: 13px; flex: 0 0 auto; }
.head h1 { flex: 1; margin: 0; font-size: 19px; font-weight: 600;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.field {
@@ -588,6 +589,7 @@
<div class="screen" id="detail">
<div class="head">
<button class="btn ico-btn back-btn" id="back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-label="Back" role="img"><path d="M20 12H5M11 5l-7 7 7 7"/></svg></button>
<div class="av" id="dav" hidden></div>
<h1 id="dtitle"></h1>
<button class="btn ico-btn" id="pencil" aria-label="Edit entry"></button>
<button class="btn ico-btn" id="kebab" aria-label="Entry menu"></button>
@@ -1073,6 +1075,7 @@ function renderDetail(d) {
document.getElementById('dtitle').textContent = d.title || '';
document.getElementById('kebab').hidden = false;
document.getElementById('pencil').hidden = false;
document.getElementById('dav').hidden = true;
var html = '', i;
if (d.totp)
html += '<div class="field totp" id="totp"><div class="cap">2FA code</div>'
@@ -1385,6 +1388,7 @@ function openNewEntry() {
closeMenu();
document.getElementById('kebab').hidden = true;
document.getElementById('pencil').hidden = true;
document.getElementById('dav').hidden = true;
document.getElementById('fields').innerHTML =
'<div class="form">'
+ '<div class="field"><div class="cap">Kind</div><div class="line">'
@@ -1523,14 +1527,12 @@ function openEditEntry() {
// L'ICONE ET LE NOM EN TETE : on voit ce qu'on modifie, et surtout ce que
// les trois boutons d'en dessous vont remplacer.
var d = lastDetail;
var av = document.getElementById('dav');
av.hidden = false;
av.className = 'av' + (d.icon ? ' has-img' : '');
av.innerHTML = d.icon ? '<img src="' + esc(d.icon) + '">' : esc(d.initial || '');
var html = '<div class="form">'
+ '<div class="field"><div class="line" style="gap:12px">'
+ '<div class="av' + (d.icon ? ' has-img' : '') + '">'
+ (d.icon ? '<img src="' + esc(d.icon) + '">' : esc(d.initial || ''))
+ '</div>'
+ '<div class="val" style="font-size:16px;font-weight:600">'
+ esc(d.title || '') + '</div></div>'
+ '<div class="line" style="margin-top:8px">'
+ '<div class="field"><div class="cap">Icon</div><div class="line">'
+ '<button class="btn" data-iconact="fetch">From site</button>'
+ '<button class="btn" data-iconact="pick">Image...</button>'
+ '<button class="btn" data-iconact="clear">Remove</button>'