diff --git a/services/travel-memories/app/templates/phase2.html b/services/travel-memories/app/templates/phase2.html index 78bf1dd..d934398 100644 --- a/services/travel-memories/app/templates/phase2.html +++ b/services/travel-memories/app/templates/phase2.html @@ -37,8 +37,8 @@
{% for photo in photos %}
{% if photo.tag == 'journal' %} -
J
+
J
{% elif photo.tag == 'story' %} -
S
+
S
{% elif photo.tag == 'skip' %}
X
{% endif %} @@ -145,9 +145,9 @@ function updateBadge(cardEl, tag) { cardEl.appendChild(badge); } const MAP = { - journal: ['badge-xs badge-success', 'J'], - story: ['badge-xs badge-info', 'S'], - skip: ['badge-xs badge-ghost opacity-60', 'X'], + journal: ['badge-xs bg-amber-500 text-black border-0 font-bold', 'J'], + story: ['badge-xs bg-sky-400 text-black border-0 font-bold', 'S'], + skip: ['badge-xs badge-ghost opacity-60', 'X'], }; if (MAP[tag]) { badge.className = `absolute top-1 right-1 badge ${MAP[tag][0]}`; @@ -203,9 +203,9 @@ function triageApp(albumId) { document.getElementById('lb-filename').textContent = el.dataset.filename || ''; const badgeEl = document.getElementById('lb-tag-badge'); const MAP = { - journal: ['badge-success', 'Journal'], - story: ['badge-info', 'Story'], - skip: ['badge-ghost opacity-60', 'Skip'], + journal: ['bg-amber-500 text-black border-0 font-bold', 'Journal'], + story: ['bg-sky-400 text-black border-0 font-bold', 'Story'], + skip: ['badge-ghost opacity-60', 'Skip'], }; if (MAP[tag]) { badgeEl.className = `badge badge-sm ${MAP[tag][0]}`; @@ -240,9 +240,9 @@ function triageApp(albumId) { .filter(c => c && !c.startsWith('border-') && c !== 'opacity-40') .join(' '); if (tag === 'journal') { - el.classList.add('border-4', 'border-success'); + el.classList.add('border-4', 'border-amber-500'); } else if (tag === 'story') { - el.classList.add('border-4', 'border-info'); + el.classList.add('border-4', 'border-sky-400'); } else { el.classList.add('border-4', 'border-base-300', 'opacity-40'); } @@ -562,7 +562,7 @@ function mobileTriageApp(albumId, photos) { if (photo.tag === 'journal') { dot.style.display = ''; - dot.style.background = '#4ade80'; + dot.style.background = '#f59e0b'; } else if (photo.tag === 'story') { dot.style.display = ''; dot.style.background = '#38bdf8';