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

6
apps/edr-freight-web/backoffice/src/super-admin/components/externalUsers/ExternalUsersColumnDefn.tsx
View File

@@ -43,7 +43,7 @@ export const ExternalUsersColumnDefn = (
className={`px-2 py-1 rounded-full text-xs font-medium ${
userType === "external_organization"
? "bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300"
: "bg-blue-100 text-blue-800 dark:bg-blue-900/40 dark:text-blue-300"
: "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-300"
}`}
>
{displayText}
@@ -65,7 +65,7 @@ export const ExternalUsersColumnDefn = (
return "bg-red-100 text-red-600 hover:bg-red-100 dark:bg-red-900/40 dark:text-red-300 dark:hover:bg-red-900/50";
case "pending":
default:
return "bg-blue-100 text-blue-600 hover:bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 dark:hover:bg-blue-900/50";
return "bg-primary-100 text-primary-600 hover:bg-primary-100 dark:bg-primary-900/40 dark:text-primary-300 dark:hover:bg-primary-900/50";
}
};
@@ -117,7 +117,7 @@ export const ExternalUsersColumnDefn = (
</button>
{/* <button
onClick={handleEdit}
className="px-2 py-1 bg-blue-100 rounded hover:bg-blue-200 text-sm font-medium"
className="px-2 py-1 bg-primary-100 rounded hover:bg-primary-200 text-sm font-medium"
>
{t("Edit")}
</button> */}

4
apps/edr-freight-web/backoffice/src/super-admin/components/externalUsers/ViewDocuments.tsx
View File

@@ -186,7 +186,7 @@ const ViewDocument: React.FC<ViewDocumentProps> = ({ userId }) => {
</h3>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="flex items-center gap-3 p-3 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
<Building className="w-5 h-5 text-blue-600" />
<Building className="w-5 h-5 text-primary-600" />
<div className="flex-1 min-w-0">
<p className="text-sm font-medium text-gray-500 dark:text-gray-400">
{t("viewDocument.organizationName")}
@@ -340,7 +340,7 @@ const ViewDocument: React.FC<ViewDocumentProps> = ({ userId }) => {
<span
className={`inline-block w-2 h-2 rounded-full mt-1.5 mr-2 ${
req.isOptional
? "bg-blue-400"
? "bg-primary-400"
: "bg-primary-400"
}`}
/>

8
apps/edr-freight-web/backoffice/src/super-admin/components/organizationAdmins/AssignAdminDialog.tsx
View File

@@ -272,8 +272,8 @@ export function AssignAdminDialog({
className={cn(
"w-full flex items-center justify-between px-3 py-2 rounded-md text-left text-sm transition-colors",
!selectedUnit
? "bg-blue-200 text-blue-800 dark:bg-blue-900/40 dark:text-blue-300"
: "hover:bg-blue-100 dark:hover:bg-blue-900/30 text-gray-700 dark:text-gray-300"
? "bg-primary-200 text-primary-800 dark:bg-primary-900/40 dark:text-primary-300"
: "hover:bg-primary-100 dark:hover:bg-primary-900/30 text-gray-700 dark:text-gray-300"
)}
>
<span>
@@ -292,8 +292,8 @@ export function AssignAdminDialog({
className={cn(
"w-full flex items-center justify-between px-3 py-2 rounded-md text-left text-sm transition-colors",
selectedUnit === unit.id
? "bg-blue-200 text-blue-800 dark:bg-blue-900/40 dark:text-blue-300"
: "hover:bg-blue-100 dark:hover:bg-blue-900/30 text-gray-700 dark:text-gray-300"
? "bg-primary-200 text-primary-800 dark:bg-primary-900/40 dark:text-primary-300"
: "hover:bg-primary-100 dark:hover:bg-primary-900/30 text-gray-700 dark:text-gray-300"
)}
>
<span>{localizedName(unit.name)}</span>

4
apps/edr-freight-web/backoffice/src/super-admin/components/organizations/OrganizationDetail.tsx
View File

@@ -118,8 +118,8 @@ export const OrganizationCard: React.FC<OrganizationCardProps> = ({ id }) => {
break;
case "woreda":
Icon = MapPin;
bgColor = "bg-blue-100 dark:bg-blue-800";
textColor = "text-blue-800 dark:text-blue-100";
bgColor = "bg-primary-100 dark:bg-primary-800";
textColor = "text-primary-800 dark:text-primary-100";
break;
case "subcity":
Icon = Home;

2
apps/edr-freight-web/backoffice/src/super-admin/components/organizations/OrganizationsColumnDefn.tsx
View File

@@ -91,7 +91,7 @@ export const OrganizationsColumnDefn: ColumnDef<OrganizationDto>[] = [
<Badge
className={`${
rowData.isGovernmentOrganization
? "bg-blue-600 text-white hover:bg-blue-400"
? "bg-primary-600 text-white hover:bg-primary-400"
: "bg-red-600 text-white hover:bg-red-400"
} rounded-full px-6 py-1 font-medium`}
>

2
apps/edr-freight-web/backoffice/src/super-admin/components/sites/SitesColumnDefn.tsx
View File

@@ -104,7 +104,7 @@ export const getSitesColumnDefn = ({
{t("sites.actions.view")}
</DropdownMenuItem>
<DropdownMenuItem onClick={() => onEdit(site)}>
<Edit className="mr-2 h-4 w-4 text-blue-500" />
<Edit className="mr-2 h-4 w-4 text-primary-500" />
{t("sites.actions.edit")}
</DropdownMenuItem>
<DropdownMenuItem onClick={() => onBranding(site)}>

2
apps/edr-freight-web/backoffice/src/super-admin/components/templates/components/TemplateCard.tsx
View File

@@ -48,7 +48,7 @@ const TemplateCard = () => {
templateList.find((t) => t.id === selectedTemplateId) ?? null;
return (
<Card className="bg-gradient-to-br from-blue-50 to-indigo-50">
<Card className="bg-gradient-to-br from-primary-50 to-primary-50">
<CardHeader>
<div className="flex items-center justify-between">
<div>

10
apps/edr-freight-web/backoffice/src/super-admin/components/templates/components/TemplateEditor.tsx
View File

@@ -55,12 +55,12 @@ export const TemplateEditor: React.FC<TemplateEditorProps> = ({
${hasPlaceholders ? `
.placeholder {
${isDarkMode ? `
background-color: #1e3a5f;
border: 1px dashed #60a5fa;
color: #93c5fd;
background-color: #065f46;
border: 1px dashed #34d399;
color: #a7f3d0;
` : `
background-color: #e0f2fe;
border: 1px dashed #38bdf8;
background-color: #ecfdf5;
border: 1px dashed #0EA371;
`}
padding: 2px 4px;
border-radius: 4px;