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

Match panel title colors and arrow direction

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 16:58:17 +02:00
parent 868e85d054
commit a6c0aa9e6f
2 changed files with 3 additions and 4 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
+2 -3
View File
@@ -48,7 +48,7 @@
.sidebar-drawer { @apply fixed inset-y-0 left-0 z-40 flex w-72 min-h-screen flex-col gap-1.5 overflow-y-auto bg-slate-900 p-1.5 text-[11px] text-slate-200 shadow-xl transition-transform duration-200 ease-out; } .sidebar-drawer { @apply fixed inset-y-0 left-0 z-40 flex w-72 min-h-screen flex-col gap-1.5 overflow-y-auto bg-slate-900 p-1.5 text-[11px] text-slate-200 shadow-xl transition-transform duration-200 ease-out; }
.panel-header, .sidebar-drawer-header, .column-header { @apply box-border flex h-7 min-h-7 items-center justify-between gap-1 border-b border-slate-700 bg-slate-900 px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-300; } .panel-header, .sidebar-drawer-header, .column-header { @apply box-border flex h-7 min-h-7 items-center justify-between gap-1 border-b border-slate-700 bg-slate-900 px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-300; }
.sidebar-drawer-header { @apply -mx-1.5 -mt-1.5 mb-1.5; } .sidebar-drawer-header { @apply -mx-1.5 -mt-1.5 mb-1.5; }
.sidebar-drawer-title { @apply px-1 text-[10px] font-semibold uppercase tracking-wide text-slate-400; } .sidebar-drawer-title { @apply px-1 text-slate-300; }
.sidebar-close-button, .sidebar-open-button { @apply inline-flex h-7 w-7 items-center justify-center rounded border border-slate-700 bg-slate-800 text-slate-200 shadow-sm transition hover:border-slate-500 hover:bg-slate-700; } .sidebar-close-button, .sidebar-open-button { @apply inline-flex h-7 w-7 items-center justify-center rounded border border-slate-700 bg-slate-800 text-slate-200 shadow-sm transition hover:border-slate-500 hover:bg-slate-700; }
.sidebar-close-button .sidebar-icon, .sidebar-open-button .sidebar-icon { @apply h-4 w-4; } .sidebar-close-button .sidebar-icon, .sidebar-open-button .sidebar-icon { @apply h-4 w-4; }
.panel-control-button { @apply inline-flex h-5 w-5 shrink-0 items-center justify-center rounded border border-slate-400 bg-white text-sm leading-none text-slate-700 shadow-sm transition hover:border-slate-500 hover:bg-slate-200 focus:outline-none focus:ring-2 focus:ring-catalog-focus/25; } .panel-control-button { @apply inline-flex h-5 w-5 shrink-0 items-center justify-center rounded border border-slate-400 bg-white text-sm leading-none text-slate-700 shadow-sm transition hover:border-slate-500 hover:bg-slate-200 focus:outline-none focus:ring-2 focus:ring-catalog-focus/25; }
@@ -222,10 +222,10 @@
html:not(.dark) .control-panel { @apply bg-slate-100 text-slate-700; } html:not(.dark) .control-panel { @apply bg-slate-100 text-slate-700; }
html:not(.dark) .sidebar-drawer-header, html:not(.dark) .sidebar-drawer-header,
html:not(.dark) .sidebar-footer { @apply border-slate-300; } html:not(.dark) .sidebar-footer { @apply border-slate-300; }
html:not(.dark) .sidebar-drawer-title { @apply text-slate-500; }
html:not(.dark) .panel-header, html:not(.dark) .panel-header,
html:not(.dark) .sidebar-drawer-header, html:not(.dark) .sidebar-drawer-header,
html:not(.dark) .column-header { @apply border-slate-300 bg-slate-100 text-slate-700; } html:not(.dark) .column-header { @apply border-slate-300 bg-slate-100 text-slate-700; }
html:not(.dark) .sidebar-drawer-title { @apply text-slate-700; }
html:not(.dark) .sidebar-close-button, html:not(.dark) .sidebar-close-button,
html:not(.dark) .sidebar-open-button, html:not(.dark) .sidebar-open-button,
html:not(.dark) .drawer-trigger, html:not(.dark) .drawer-trigger,
@@ -246,7 +246,6 @@
html:not(.dark) .app-status { @apply border-slate-300 bg-white text-slate-700; } html:not(.dark) .app-status { @apply border-slate-300 bg-white text-slate-700; }
html:not(.dark) .manufacturer-trigger { @apply border-slate-300 bg-white text-slate-700; } html:not(.dark) .manufacturer-trigger { @apply border-slate-300 bg-white text-slate-700; }
html:not(.dark) .manufacturer-trigger:hover { @apply border-slate-400 bg-slate-200; } html:not(.dark) .manufacturer-trigger:hover { @apply border-slate-400 bg-slate-200; }
html:not(.dark) .column-header { @apply border-slate-300 text-slate-600; }
html.contrast-light-high:not(.dark) .control-panel { @apply bg-slate-200 text-slate-900; } html.contrast-light-high:not(.dark) .control-panel { @apply bg-slate-200 text-slate-900; }
html.contrast-light-high:not(.dark) .action-button, html.contrast-light-high:not(.dark) .action-button,
html.contrast-light-high:not(.dark) .arrow-button, html.contrast-light-high:not(.dark) .arrow-button,