rajch_ales/product-import-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match mapping chevron and centered label

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 18:40:26 +02:00
parent 0f9764cc49
commit 90731319c8
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tailwind.css
+4 -4
View File
@@ -119,7 +119,7 @@
.sidebar-mapping-box { @apply overflow-visible; }
.mapping-details { @apply relative; }
.mapping-summary { @apply relative flex min-h-8 items-center justify-center rounded bg-slate-800 px-9 text-center text-[11px] font-semibold text-slate-100; }
.mapping-label { @apply inline-flex min-w-0 items-center justify-center gap-1.5 text-center; }
.mapping-label { @apply absolute left-1/2 top-1/2 inline-flex max-w-[calc(100%-4.5rem)] -translate-x-1/2 -translate-y-1/2 items-center justify-center gap-1.5 text-center; }
.mapping-title { @apply min-w-0 truncate text-center; }
.mapping-state-dot { @apply absolute right-7 inline-block h-3 w-3 shrink-0 rounded-full border border-slate-500 shadow-sm; }
.mapping-state-dot.is-ready { @apply border-emerald-300 bg-emerald-500; }
@@ -131,8 +131,8 @@
.mapping-summary .mapping-toggle { @apply absolute right-2 shrink-0; }
.mapping-details summary { @apply grid cursor-pointer grid-cols-[auto_auto_minmax(0,1fr)_22px] items-center px-1 py-1 list-none; }
.mapping-details summary::-webkit-details-marker { display: none; }
.mapping-toggle::before { content: "›"; @apply inline-block text-center text-lg leading-none text-slate-100; }
.mapping-details[open] .mapping-toggle::before { content: "⌄"; }
.mapping-toggle::before { content: ""; @apply block h-2 w-2 rotate-[-45deg] border-b-2 border-r-2 border-slate-100; }
.mapping-details[open] .mapping-toggle::before { @apply rotate-45; }
.mapping-list { @apply grid gap-0.5 px-1 pb-1; }
.mapping-source-row { @apply grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1 rounded bg-slate-100 px-1 py-0.5 text-[10px] text-slate-800; }
.mapping-source-row.is-disabled { @apply opacity-50; }
@@ -279,7 +279,7 @@
html:not(.dark) #scanInput { @apply bg-slate-200 placeholder:text-slate-500; }
html:not(.dark) .picture-slot,
html:not(.dark) .mapping-box { @apply border-slate-300 bg-white text-slate-600; }
html:not(.dark) .mapping-toggle::before { @apply text-slate-700; }
html:not(.dark) .mapping-toggle::before { @apply border-slate-700; }
html:not(.dark) .app-status { @apply border-slate-300 bg-white text-slate-700; }
html:not(.dark) .sidebar-mapping-box { @apply border-slate-300 bg-slate-100; }
html:not(.dark) .mapping-summary { @apply border border-slate-300 bg-white text-slate-700; }