m038/intotheeast-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use amber/sky colors for journal/story borders and badges

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mischa
2026-06-21 21:40:13 +02:00
parent 3fd1e8ae96
commit a265b08ca0
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/travel-memories/app/templates/phase2.html
+11 -11
View File
@@ -37,8 +37,8 @@
<div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2 mt-2"> <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2 mt-2">
{% for photo in photos %} {% for photo in photos %}
<div class="photo-card relative cursor-pointer rounded-lg overflow-hidden border-4 <div class="photo-card relative cursor-pointer rounded-lg overflow-hidden border-4
{% if photo.tag == 'journal' %}border-success {% if photo.tag == 'journal' %}border-amber-500
{% elif photo.tag == 'story' %}border-info {% elif photo.tag == 'story' %}border-sky-400
{% elif photo.tag == 'skip' %}border-base-300 opacity-40 {% elif photo.tag == 'skip' %}border-base-300 opacity-40
{% else %}border-transparent{% endif %}" {% else %}border-transparent{% endif %}"
data-asset-id="{{ photo.id }}" data-asset-id="{{ photo.id }}"
@@ -52,9 +52,9 @@
{{ photo.local_datetime[11:16] }} {{ photo.local_datetime[11:16] }}
</div> </div>
{% if photo.tag == 'journal' %} {% if photo.tag == 'journal' %}
<div class="absolute top-1 right-1 badge badge-xs badge-success">J</div> <div class="absolute top-1 right-1 badge badge-xs bg-amber-500 text-black border-0 font-bold">J</div>
{% elif photo.tag == 'story' %} {% elif photo.tag == 'story' %}
<div class="absolute top-1 right-1 badge badge-xs badge-info">S</div> <div class="absolute top-1 right-1 badge badge-xs bg-sky-400 text-black border-0 font-bold">S</div>
{% elif photo.tag == 'skip' %} {% elif photo.tag == 'skip' %}
<div class="absolute top-1 right-1 badge badge-xs badge-ghost opacity-60">X</div> <div class="absolute top-1 right-1 badge badge-xs badge-ghost opacity-60">X</div>
{% endif %} {% endif %}
@@ -145,8 +145,8 @@ function updateBadge(cardEl, tag) {
cardEl.appendChild(badge); cardEl.appendChild(badge);
} }
const MAP = { const MAP = {
journal: ['badge-xs badge-success', 'J'], journal: ['badge-xs bg-amber-500 text-black border-0 font-bold', 'J'],
story: ['badge-xs badge-info', 'S'], story: ['badge-xs bg-sky-400 text-black border-0 font-bold', 'S'],
skip: ['badge-xs badge-ghost opacity-60', 'X'], skip: ['badge-xs badge-ghost opacity-60', 'X'],
}; };
if (MAP[tag]) { if (MAP[tag]) {
@@ -203,8 +203,8 @@ function triageApp(albumId) {
document.getElementById('lb-filename').textContent = el.dataset.filename || ''; document.getElementById('lb-filename').textContent = el.dataset.filename || '';
const badgeEl = document.getElementById('lb-tag-badge'); const badgeEl = document.getElementById('lb-tag-badge');
const MAP = { const MAP = {
journal: ['badge-success', 'Journal'], journal: ['bg-amber-500 text-black border-0 font-bold', 'Journal'],
story: ['badge-info', 'Story'], story: ['bg-sky-400 text-black border-0 font-bold', 'Story'],
skip: ['badge-ghost opacity-60', 'Skip'], skip: ['badge-ghost opacity-60', 'Skip'],
}; };
if (MAP[tag]) { if (MAP[tag]) {
@@ -240,9 +240,9 @@ function triageApp(albumId) {
.filter(c => c && !c.startsWith('border-') && c !== 'opacity-40') .filter(c => c && !c.startsWith('border-') && c !== 'opacity-40')
.join(' '); .join(' ');
if (tag === 'journal') { if (tag === 'journal') {
el.classList.add('border-4', 'border-success'); el.classList.add('border-4', 'border-amber-500');
} else if (tag === 'story') { } else if (tag === 'story') {
el.classList.add('border-4', 'border-info'); el.classList.add('border-4', 'border-sky-400');
} else { } else {
el.classList.add('border-4', 'border-base-300', 'opacity-40'); el.classList.add('border-4', 'border-base-300', 'opacity-40');
} }
@@ -562,7 +562,7 @@ function mobileTriageApp(albumId, photos) {
if (photo.tag === 'journal') { if (photo.tag === 'journal') {
dot.style.display = ''; dot.style.display = '';
dot.style.background = '#4ade80'; dot.style.background = '#f59e0b';
} else if (photo.tag === 'story') { } else if (photo.tag === 'story') {
dot.style.display = ''; dot.style.display = '';
dot.style.background = '#38bdf8'; dot.style.background = '#38bdf8';