Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-29 18:48: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,

4
apps/edr-freight-web/backoffice/src/shared/components/SetPassword.tsx
View File

@@ -321,11 +321,11 @@ const SetPasswordPage = () => {
type="button"
onClick={handleResendCode}
disabled={isResendingCode || !email || !phoneNumber || isSubmitting}
className="text-sm text-indigo-600 hover:text-indigo-800 font-medium flex items-center justify-center space-x-1 mx-auto"
className="text-sm text-primary-600 hover:text-primary-800 font-medium flex items-center justify-center space-x-1 mx-auto"
>
{isResendingCode ? (
<>
<RefreshCw className="animate-spin h-4 w-4 text-indigo-600 mr-2" />
<RefreshCw className="animate-spin h-4 w-4 text-primary-600 mr-2" />
<span>Sending...</span>
</>
) : (

4
apps/edr-freight-web/backoffice/src/shared/components/activity-log/activity-stats.tsx
View File

@@ -38,8 +38,8 @@ export function ActivityStats({
label: t("auditLog.stats.totalActivities"),
value: totalActivities.toLocaleString(),
icon: Activity,
color: "text-blue-600 dark:text-blue-400",
bgColor: "bg-blue-50 dark:bg-blue-950",
color: "text-primary-600 dark:text-primary-400",
bgColor: "bg-primary-50 dark:bg-primary-950",
},
{
label: t("auditLog.stats.successRate"),

4
apps/edr-freight-web/backoffice/src/shared/components/activity-log/export-modal.tsx
View File

@@ -50,11 +50,11 @@ export function ExportModal({
const textStrong = 'text-gray-900 dark:text-gray-100'
const textMuted = 'text-gray-600 dark:text-gray-300'
const textSubtle = 'text-gray-500 dark:text-gray-400'
const primaryBorder = 'border-primary dark:border-sky-600'
const primaryBorder = 'border-primary dark:border-primary-600'
const hoverBg = 'hover:bg-accent dark:hover:bg-gray-800'
const hoverText = 'hover:text-accent-foreground dark:hover:text-gray-100'
const primaryBtn =
'bg-primary dark:bg-sky-600 hover:bg-primary/90 dark:hover:bg-sky-500 text-white'
'bg-primary dark:bg-primary-600 hover:bg-primary/90 dark:hover:bg-primary-500 text-white'
const handleExport = () => {
onExport(options)

2
apps/edr-freight-web/backoffice/src/shared/components/audit-log/AuditLogDetailPanel.tsx
View File

@@ -152,7 +152,7 @@ export const AuditLogDetailPanel = ({
{change.to !== undefined && (
<p className="text-gray-600 mt-1">
<span className="text-xs font-semibold">To:</span>{" "}
<code className="bg-blue-50 px-2 py-1 rounded text-xs text-blue-900">
<code className="bg-primary-50 px-2 py-1 rounded text-xs text-primary-900">
{JSON.stringify(change.to)}
</code>
</p>

8
apps/edr-freight-web/backoffice/src/shared/components/login/ForgotPassword.tsx
View File

@@ -51,8 +51,8 @@ export const ForgotPassword = () => {
};
return (
<div className="min-h-screen bg-gradient-to-br from-cyan-50 via-white to-primary-50 relative overflow-hidden">
<div className="absolute top-0 right-0 w-96 h-96 bg-cyan-100/30 rounded-full blur-3xl" />
<div className="min-h-screen bg-gradient-to-br from-primary-50 via-white to-primary-50 relative overflow-hidden">
<div className="absolute top-0 right-0 w-96 h-96 bg-primary-100/30 rounded-full blur-3xl" />
<div className="absolute bottom-0 left-0 w-96 h-96 bg-primary-100/30 rounded-full blur-3xl" />
<button
@@ -77,7 +77,7 @@ export const ForgotPassword = () => {
<h1 className="text-2xl font-bold text-white mb-2">
{t("forgotpassword.title")}
</h1>
<p className="text-cyan-50 text-sm">
<p className="text-primary-50 text-sm">
{t("forgotpassword.subtitle")}
</p>
</div>
@@ -111,7 +111,7 @@ export const ForgotPassword = () => {
)}
</div>
<div className="flex items-start gap-3 p-4 bg-cyan-50 border border-cyan-100 rounded-lg">
<div className="flex items-start gap-3 p-4 bg-primary-50 border border-primary-100 rounded-lg">
<Mail className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
<div className="flex-1">
<p className="text-sm text-gray-700 font-medium mb-1">

2
apps/edr-freight-web/backoffice/src/shared/pages/audit-log/audit-log-page.tsx
View File

@@ -239,7 +239,7 @@ export default function AuditLogPageShared({
case "warning":
return "bg-yellow-100 text-yellow-800 dark:bg-yellow-950 dark:text-yellow-300";
case "pending":
return "bg-blue-100 text-blue-800 dark:bg-blue-950 dark:text-blue-300";
return "bg-primary-100 text-primary-800 dark:bg-primary-950 dark:text-primary-300";
default:
return "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300";
}