Warn on small picture candidates
This commit is contained in:
@@ -228,6 +228,7 @@
|
||||
.source-status.is-ok { @apply bg-emerald-100 text-emerald-700; }
|
||||
.source-status.is-muted { @apply bg-slate-200 text-slate-600; }
|
||||
.picture-candidate { @apply grid grid-cols-[72px_minmax(0,1fr)_auto] items-center gap-2 border-b border-slate-200 p-2 text-[10px]; }
|
||||
.picture-candidate.is-too-small { @apply bg-amber-50; }
|
||||
.picture-candidate-preview { @apply flex h-16 w-[72px] items-center justify-center bg-white; }
|
||||
.picture-candidate img { @apply max-h-16 w-[72px] object-contain; }
|
||||
.picture-candidate-meta { @apply grid min-w-0 gap-0.5; }
|
||||
@@ -235,6 +236,7 @@
|
||||
.picture-candidate-dimensions,
|
||||
.picture-candidate-target,
|
||||
.picture-candidate-duplicate { @apply min-w-0 truncate text-slate-500; }
|
||||
.picture-candidate.is-too-small .picture-candidate-dimensions { @apply font-semibold text-amber-700; }
|
||||
.picture-candidate-save { @apply min-w-[76px]; }
|
||||
@media (max-width: 980px) {
|
||||
.catalog-screen { @apply flex flex-col pl-0; }
|
||||
@@ -364,10 +366,12 @@
|
||||
html.dark .source-row { @apply border-slate-700 bg-slate-900 text-slate-100 hover:bg-slate-800; }
|
||||
html.dark .suggested-row,
|
||||
html.dark .picture-candidate { @apply border-slate-700; }
|
||||
html.dark .picture-candidate.is-too-small { @apply bg-amber-950/40; }
|
||||
html.dark .picture-candidate-preview { @apply bg-slate-800; }
|
||||
html.dark .picture-candidate-title { @apply text-slate-100; }
|
||||
html.dark .picture-candidate-dimensions,
|
||||
html.dark .picture-candidate-target,
|
||||
html.dark .picture-candidate-duplicate { @apply text-slate-400; }
|
||||
html.dark .picture-candidate.is-too-small .picture-candidate-dimensions { @apply text-amber-300; }
|
||||
html.dark .suggested-row:nth-child(even) { @apply bg-slate-800; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user