Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-29 15:18:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix ui

Browse Source
This commit is contained in:
natib21
2026-07-14 07:59:17 +00:00
parent bf9520ece4
commit 22cf8eabd1
48 changed files with 105 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/edr-freight-web/backoffice/src/shared/common/form/fields/FormFields.tsx
View File

@@ -448,14 +448,14 @@ export const FormAddableList = ({
{items.map((unit: string, index: number) => (
<div
key={`${unit}-${index}`}
className="flex items-center gap-1 px-2 py-1 bg-blue-50 text-blue-700 border border-blue-100 rounded-md"
className="flex items-center gap-1 px-2 py-1 bg-primary-50 text-primary-700 border border-primary-100 rounded-md"
>
<span className="text-sm truncate max-w-[200px]">
{unit}
</span>
<X
size={14}
className="cursor-pointer text-blue-700 hover:text-red-600 ml-1"
className="cursor-pointer text-primary-700 hover:text-red-600 ml-1"
onClick={() => handleDelete(index)}
/>
</div>
@@ -503,7 +503,7 @@ export const ClearableSelect = ({
</span>
<X
size={17}
className="cursor-pointer text-blue-700 hover:text-red-600 ml-1"
className="cursor-pointer text-primary-700 hover:text-red-600 ml-1"
onClick={() => field.onChange("")}
/>
</div>
@@ -784,7 +784,7 @@ export const SelectedItemsChips = ({
{items.map((item) => (
<div
key={item.id}
className="flex items-center bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm"
className="flex items-center bg-primary-100 text-primary-800 px-3 py-1 rounded-full text-sm"
>
<span className="truncate max-w-[180px]">
{localizedName(item.name)}

2
apps/edr-freight-web/backoffice/src/shared/common/ui/SliderUI.tsx
View File

@@ -43,7 +43,7 @@ export const SliderUI: FC<SliderUIProps> = ({
disabled={disabled}
className="relative flex w-full touch-none select-none items-center h-5">
<SliderPrimitive.Track className="relative bg-gray-200 flex-1 h-1 rounded-full">
<SliderPrimitive.Range className="absolute bg-blue-500 h-full rounded-full" />
<SliderPrimitive.Range className="absolute bg-primary-500 h-full rounded-full" />
</SliderPrimitive.Track>
<SliderPrimitive.Thumb className="block w-5 h-5 bg-white border border-gray-300 rounded-full shadow" />
</SliderPrimitive.Root>

4
apps/edr-freight-web/backoffice/src/shared/common/ui/badge.tsx
View File

@@ -11,9 +11,9 @@ const badgeVariants = cva(
variant: {
//draft and forward
default:
"bg-blue-100 text-blue-800 text-sm font-medium me-2 px-3 py-0.5 rounded-full dark:bg-blue-900 dark:text-blue-300",
"bg-primary-100 text-primary-800 text-sm font-medium me-2 px-3 py-0.5 rounded-full dark:bg-primary-900 dark:text-primary-300",
secondary:
"bg-indigo-100 text-indigo-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-indigo-900 dark:text-indigo-300",
"bg-primary-100 text-primary-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-primary-900 dark:text-primary-300",
destructive:
"bg-gray-100 text-gray-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-gray-700 dark:text-gray-300",
outline:

2
apps/edr-freight-web/backoffice/src/shared/common/ui/button.tsx
View File

@@ -37,7 +37,7 @@ const buttonVariants = cva(
actionYellow:
"bg-amber-50/90 dark:bg-amber-950/20 border border-amber-200 dark:border-amber-900/40 text-amber-700 dark:text-amber-300 hover:bg-amber-100 dark:hover:bg-amber-950/40 hover:text-amber-800 dark:hover:text-amber-200 hover:border-amber-300 dark:hover:border-amber-800/60 focus-visible:ring-amber-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",
actionBlue:
"bg-blue-50/90 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-900/40 text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-950/40 hover:text-blue-800 dark:hover:text-blue-200 hover:border-blue-300 dark:hover:border-blue-800/60 focus-visible:ring-blue-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",
"bg-primary-50/90 dark:bg-primary-950/20 border border-primary-200 dark:border-primary-900/40 text-primary-700 dark:text-primary-300 hover:bg-primary-100 dark:hover:bg-primary-950/40 hover:text-primary-800 dark:hover:text-primary-200 hover:border-primary-300 dark:hover:border-primary-800/60 focus-visible:ring-primary-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",
actionPurple:
"bg-purple-50/90 dark:bg-purple-950/20 border border-purple-200 dark:border-purple-900/40 text-purple-700 dark:text-purple-300 hover:bg-purple-100 dark:hover:bg-purple-950/40 hover:text-purple-800 dark:hover:text-purple-200 hover:border-purple-300 dark:hover:border-purple-800/60 focus-visible:ring-purple-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",
},

4
apps/edr-freight-web/backoffice/src/shared/common/ui/treeSelect.tsx
View File

@@ -466,7 +466,7 @@ function TreeItem({
{selectedCount !== null && selectedCount > 0 && (
<Badge
variant="secondary"
className="mr-2 bg-blue-100 hover:bg-blue-100 flex-shrink-0">
className="mr-2 bg-primary-100 hover:bg-primary-100 flex-shrink-0">
{selectedCount} selected
</Badge>
)}
@@ -1053,7 +1053,7 @@ export default function TreeView({
onMouseMove={handleMouseMove}>
{isDragging && (
<div
className="absolute inset-0 bg-blue-500/0 pointer-events-none"
className="absolute inset-0 bg-primary-500/0 pointer-events-none"
style={{
top: Math.min(
dragStart || 0,