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
+13 -13
View File
@@ -37,8 +37,8 @@
<div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-2 mt-2">
{% for photo in photos %}
<div class="photo-card relative cursor-pointer rounded-lg overflow-hidden border-4
{% if photo.tag == 'journal' %}border-success
{% elif photo.tag == 'story' %}border-info
{% if photo.tag == 'journal' %}border-amber-500
{% elif photo.tag == 'story' %}border-sky-400
{% elif photo.tag == 'skip' %}border-base-300 opacity-40
{% else %}border-transparent{% endif %}"
data-asset-id="{{ photo.id }}"
@@ -52,9 +52,9 @@
{{ photo.local_datetime[11:16] }}
</div>
{% 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' %}
<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' %}
<div class="absolute top-1 right-1 badge badge-xs badge-ghost opacity-60">X</div>
{% 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';