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

Center mapping control like selectors

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 18:28:29 +02:00
parent 8d5521093e
commit c440b6fc1b
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+1 -1
View File
File diff suppressed because one or more lines are too long
src/tailwind.css
+5 -4
View File
@@ -118,16 +118,17 @@
.sidebar-mapping-box { @apply overflow-hidden border-slate-700 bg-slate-900; } .sidebar-mapping-box { @apply overflow-hidden border-slate-700 bg-slate-900; }
.sidebar-mapping-box { @apply overflow-visible; } .sidebar-mapping-box { @apply overflow-visible; }
.mapping-details { @apply relative; } .mapping-details { @apply relative; }
.mapping-summary { @apply grid min-h-8 grid-cols-[auto_minmax(0,1fr)_auto_22px] items-center gap-1.5 rounded bg-slate-800 px-2 text-center text-[11px] font-semibold text-slate-100; } .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-title { @apply shrink-0; } .mapping-summary > .sidebar-icon { @apply absolute left-2; }
.mapping-state-dot { @apply inline-block h-3 w-3 shrink-0 rounded-full border border-slate-500 shadow-sm; } .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; } .mapping-state-dot.is-ready { @apply border-emerald-300 bg-emerald-500; }
.mapping-state-dot.is-warning { @apply border-amber-300 bg-amber-400; } .mapping-state-dot.is-warning { @apply border-amber-300 bg-amber-400; }
.mapping-state-dot.is-missing { @apply border-red-300 bg-red-500; } .mapping-state-dot.is-missing { @apply border-red-300 bg-red-500; }
.mapping-state-dot.is-loading { @apply border-slate-300 bg-slate-400; } .mapping-state-dot.is-loading { @apply border-slate-300 bg-slate-400; }
.mapping-panel { @apply absolute left-0 right-0 top-full z-50 border border-t-0 border-slate-700 bg-slate-950/95 shadow-lg; } .mapping-panel { @apply absolute left-0 right-0 top-full z-50 border border-t-0 border-slate-700 bg-slate-950/95 shadow-lg; }
.mapping-detail-status { @apply truncate px-2 py-1 text-center text-[10px] font-normal text-slate-300; } .mapping-detail-status { @apply truncate px-2 py-1 text-center text-[10px] font-normal text-slate-300; }
.mapping-summary .mapping-toggle { @apply ml-auto shrink-0; } .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 { @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-details summary::-webkit-details-marker { display: none; }
.mapping-toggle::before { content: "›"; @apply inline-block text-center text-lg leading-none text-slate-100; } .mapping-toggle::before { content: "›"; @apply inline-block text-center text-lg leading-none text-slate-100; }