diff --git a/frontend/src/components/settings/TagEvalCard.vue b/frontend/src/components/settings/TagEvalCard.vue index 0a59b79..e427012 100644 --- a/frontend/src/components/settings/TagEvalCard.vue +++ b/frontend/src/components/settings/TagEvalCard.vue @@ -101,12 +101,12 @@ class="fc-ex__item" :class="actedLabel(c, grp.dir, it) ? 'fc-ex__item--acted' : ''" > - - +
{{ actedLabel(c, grp.dir, it) }}
@@ -136,11 +136,13 @@ import { computed, onMounted, onUnmounted, ref } from 'vue' import MaintenanceTile from '../common/MaintenanceTile.vue' import { useTagEvalStore } from '../../stores/tagEval.js' +import { useModalStore } from '../../stores/modal.js' const DEFAULT_CONCEPTS = 'glasses, cat, dog, horse, goblin, cum, lactation, fellatio, xray, stomach bulge' const store = useTagEvalStore() +const modal = useModalStore() const run = ref(null) const conceptsText = ref(DEFAULT_CONCEPTS) const busy = ref(false) @@ -251,6 +253,7 @@ async function act(c, it, dir, verdict) { display: block; width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: rgb(var(--v-theme-surface-light)); outline: 1px solid transparent; transition: outline-color 0.12s; + border: none; padding: 0; cursor: pointer; } .fc-ex__thumb:hover { outline-color: rgb(var(--v-theme-accent)); } .fc-ex__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }