bvandeusen/FabledCurator
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 35 Wiki Activity

Tag-eval review actions: bigger clickable thumbnails + inline confirm/reject #137

Merged
bvandeusen merged 2 commits from dev into main 2026-06-27 23:49:12 -04:00
Conversation 0 Commits 2 Files Changed 2
+21 -12
1 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4974b7cf77 - Show all commits
frontend/src/components/settings/TagEvalCard.vue
+21 -12
View File
@@ -87,21 +87,27 @@
<div v-if="c.examples" class="fc-ex">
<div class="fc-ex__row">
<div class="fc-muted text-caption mb-1">Head would suggest (untagged, high score)</div>
<div class="fc-muted text-caption mb-1">Head would suggest (untagged, high score) — click to open in Explore</div>
<div class="fc-ex__thumbs">
<img
<a
v-for="it in c.examples.head_would_suggest" :key="`s${it.id}`"
:src="it.thumbnail_url" class="fc-ex__thumb" loading="lazy"
/>
class="fc-ex__thumb" :href="`/explore/${it.id}`" target="_blank"
rel="noopener" :title="`#${it.id} — open in Explore`"
>
<img :src="it.thumbnail_url" loading="lazy" />
</a>
</div>
</div>
<div class="fc-ex__row">
<div class="fc-muted text-caption mb-1">Head doubts these (your positives, low score)</div>
<div class="fc-muted text-caption mb-1">Head doubts these (your positives, low score) — click to open in Explore</div>
<div class="fc-ex__thumbs">
<img
<a
v-for="it in c.examples.head_doubts_positive" :key="`d${it.id}`"
:src="it.thumbnail_url" class="fc-ex__thumb" loading="lazy"
/>
class="fc-ex__thumb" :href="`/explore/${it.id}`" target="_blank"
rel="noopener" :title="`#${it.id} — open in Explore`"
>
<img :src="it.thumbnail_url" loading="lazy" />
</a>
</div>
</div>
</div>
@@ -202,10 +208,13 @@ function formatTime(iso) {
.fc-down { color: rgb(var(--v-theme-error)); }
.fc-curve { margin-bottom: 8px; }
.fc-curve__pt { margin-left: 10px; font-size: 13px; font-variant-numeric: tabular-nums; }
.fc-ex__row { margin-top: 6px; }
.fc-ex__thumbs { display: flex; flex-wrap: wrap; gap: 4px; }
.fc-ex__row { margin-top: 8px; }
.fc-ex__thumbs { display: flex; flex-wrap: wrap; gap: 6px; }
.fc-ex__thumb {
width: 56px; height: 56px; object-fit: cover; border-radius: 4px;
background: rgb(var(--v-theme-surface-light));
display: block; width: 120px; height: 120px; border-radius: 6px;
overflow: hidden; background: rgb(var(--v-theme-surface-light));
outline: 1px solid transparent; transition: outline-color 0.12s;
}
.fc-ex__thumb:hover { outline-color: rgb(var(--v-theme-accent)); }
.fc-ex__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
</style>