maskantech/productcatalogue_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' of https://gitea.maskantech.in/gitea_admin/productcatalogue_frontend into ali

Browse Source
This commit is contained in:
m7338ohd-debug
2026-07-25 16:42:11 +05:30
parent 92f90f8860 cbf1abd81e
commit 3d7e5a68e6
20 changed files with 82 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/asset-types/pages/NewAssetType.tsx
+3 -3
View File
@@ -111,11 +111,11 @@ const errorClass = 'text-xs text-red-500 mt-1';
function CardHeader({ title, subtitle }: { title: string; subtitle?: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
{subtitle && <p className="text-xs text-primary-light mt-0.5">{subtitle}</p>}
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
{subtitle && <p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>}
</div>
</div>
);
src/features/assets/pages/NewAsset.tsx
+6 -6
View File
@@ -162,11 +162,11 @@ export default function NewAsset() {
{/* Left Column: File Upload */}
<div className="lg:col-span-2 space-y-6">
<div className="bg-surface rounded-xl border border-primary/10 shadow-sm overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Media File</h3>
<p className="text-xs text-primary-light mt-0.5">Upload product images, videos or documentation</p>
<h3 className="font-semibold text-foreground text-sm">Media File</h3>
<p className="text-xs text-muted-foreground mt-0.5">Upload product images, videos or documentation</p>
</div>
</div>
<div className="p-6">
@@ -267,11 +267,11 @@ export default function NewAsset() {
{/* Right Column: Specifications */}
<div className="space-y-6">
<div className="bg-surface rounded-xl border border-primary/10 shadow-sm overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Asset Properties</h3>
<p className="text-xs text-primary-light mt-0.5">Define name, classification and visibility</p>
<h3 className="font-semibold text-foreground text-sm">Asset Properties</h3>
<p className="text-xs text-muted-foreground mt-0.5">Define name, classification and visibility</p>
</div>
</div>
src/features/attribute-groups/pages/NewAttributeGroup.tsx
+3 -3
View File
@@ -26,11 +26,11 @@ const errorClass = "text-xs text-red-500 mt-1";
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/attribute-sets/pages/NewAttributeSet.tsx
+3 -3
View File
@@ -27,11 +27,11 @@ const errorClass = "text-xs text-red-500 mt-1";
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/attributes/pages/NewAttribute.tsx
+3 -3
View File
@@ -25,11 +25,11 @@ const errorClass = "text-xs text-red-500 mt-1";
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/brands/pages/NewBrandForm.tsx
+3 -3
View File
@@ -17,11 +17,11 @@ const errorClass = "text-xs text-red-500 mt-1";
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/categories/pages/CategoryView.tsx
+1 -1
View File
@@ -85,7 +85,7 @@ export default function CategoryView() {
<div className="max-w-4xl space-y-6">
<div className="bg-surface rounded-lg border border-primary/10 shadow-sm overflow-hidden">
{/* Header info */}
<div className="px-6 py-5 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center justify-between">
<div className="px-6 py-5 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center text-primary">
<Folder className="w-5 h-5" />
src/features/categories/pages/NewCategory.tsx
+3 -3
View File
@@ -152,13 +152,13 @@ export default function NewCategory() {
{/* Body */}
<div className="flex-1 md:overflow-y-auto px-6 pb-6">
<form id="category-form" onSubmit={formik.handleSubmit} className="max-w-4xl bg-surface rounded-lg border border-primary/10 shadow-sm overflow-hidden mt-4">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">
<h3 className="font-semibold text-foreground text-sm">
{isEdit ? "Category Details" : "New Category Classification"}
</h3>
<p className="text-xs text-primary-light mt-0.5">
<p className="text-xs text-muted-foreground mt-0.5">
Define the taxonomy settings for this product category
</p>
</div>
src/features/channel-types/pages/NewChannelType.tsx
+3 -3
View File
@@ -36,11 +36,11 @@ const errorClass = 'text-xs text-red-500 mt-1';
function CardHeader({ title, subtitle }: { title: string; subtitle?: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
{subtitle && <p className="text-xs text-primary-light mt-0.5">{subtitle}</p>}
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
{subtitle && <p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>}
</div>
</div>
);
src/features/channels/pages/NewChannel.tsx
+3 -3
View File
@@ -47,11 +47,11 @@ const labelClass = "block text-sm font-medium text-foreground mb-1.5";
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/family/pages/NewFamily.tsx
+3 -3
View File
@@ -44,12 +44,12 @@ const labelClass = "block text-sm font-medium text-foreground mb-1.5";
function CardHeader({ title, subtitle, action }: { title: string; subtitle?: string; action?: React.ReactNode }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center justify-between">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
{subtitle && <p className="text-xs text-primary-light mt-0.5">{subtitle}</p>}
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
{subtitle && <p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>}
</div>
</div>
{action}
src/features/integrations/pages/NewIntegration.tsx
+3 -3
View File
@@ -247,11 +247,11 @@ export default function NewIntegration() {
const labelClass = 'block text-sm font-medium text-foreground mb-1.5';
const CardHeader = ({ title, subtitle }: { title: string; subtitle?: string }) => (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
{subtitle && <p className="text-xs text-primary-light mt-0.5">{subtitle}</p>}
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
{subtitle && <p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>}
</div>
</div>
);
src/features/settings/pages/NewSetting.tsx
+3 -3
View File
@@ -67,11 +67,11 @@ export default function NewSetting() {
/>
<form id="setting-form" onSubmit={formik.handleSubmit} className="max-w-2xl">
<div className="bg-surface rounded-xl border border-primary/10 shadow-sm overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Basic Information</h3>
<p className="text-xs text-primary-light mt-0.5">Setting name and status</p>
<h3 className="font-semibold text-foreground text-sm">Basic Information</h3>
<p className="text-xs text-muted-foreground mt-0.5">Setting name and status</p>
</div>
</div>
<div className="p-6 space-y-5">
src/features/settings/pages/SettingList.tsx
+20 -20
View File
@@ -36,7 +36,7 @@ export default function SettingList() {
onClick={() => setActiveTab(tab.id)}
className={`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${
isActive
? "border-primary text-primary-dark"
? "border-primary text-primary font-semibold"
: "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
}`}
>
@@ -53,11 +53,11 @@ export default function SettingList() {
<div className="max-w-3xl">
{/* Organization Settings */}
<div className="border-b border-primary/5">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Organization Settings</h3>
<p className="text-xs text-primary-light mt-0.5">Name, subdomain, language and timezone</p>
<h3 className="font-semibold text-foreground text-sm">Organization Settings</h3>
<p className="text-xs text-muted-foreground mt-0.5">Name, subdomain, language and timezone</p>
</div>
</div>
<div className="p-6 space-y-5">
@@ -95,11 +95,11 @@ export default function SettingList() {
{/* Workflow Settings */}
<div>
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Workflow Settings</h3>
<p className="text-xs text-primary-light mt-0.5">Approval and publishing rules</p>
<h3 className="font-semibold text-foreground text-sm">Workflow Settings</h3>
<p className="text-xs text-muted-foreground mt-0.5">Approval and publishing rules</p>
</div>
</div>
<div className="p-6 space-y-5">
@@ -124,7 +124,7 @@ export default function SettingList() {
</div>
</div>
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-white to-primary/5/30">
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-surface to-primary/5/30">
<Button variant="ghost" className="text-muted-foreground hover:text-foreground hover:bg-background">Cancel</Button>
<Button className="bg-primary hover:bg-primary-hover text-white">Save Changes</Button>
</div>
@@ -133,11 +133,11 @@ export default function SettingList() {
{activeTab === "Integrations" && (
<div className="max-w-4xl">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Connected Integrations</h3>
<p className="text-xs text-primary-light mt-0.5">Manage your external platform connections</p>
<h3 className="font-semibold text-foreground text-sm">Connected Integrations</h3>
<p className="text-xs text-muted-foreground mt-0.5">Manage your external platform connections</p>
</div>
</div>
<div className="p-6 flex flex-col gap-4">
@@ -212,7 +212,7 @@ export default function SettingList() {
</div>
</div>
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-white to-primary/5/30">
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-surface to-primary/5/30">
<Button variant="ghost" className="text-muted-foreground hover:text-foreground hover:bg-background">Cancel</Button>
<Button className="bg-primary hover:bg-primary-hover text-white">Save Changes</Button>
</div>
@@ -221,11 +221,11 @@ export default function SettingList() {
{activeTab === "API Keys" && (
<div className="max-w-4xl">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">API Keys</h3>
<p className="text-xs text-primary-light mt-0.5">Manage API keys for programmatic access</p>
<h3 className="font-semibold text-foreground text-sm">API Keys</h3>
<p className="text-xs text-muted-foreground mt-0.5">Manage API keys for programmatic access</p>
</div>
</div>
<div className="p-6 space-y-6">
@@ -259,7 +259,7 @@ export default function SettingList() {
</div>
</div>
</div>
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-white to-primary/5/30">
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-surface to-primary/5/30">
<Button variant="ghost" className="text-muted-foreground hover:text-foreground hover:bg-background">Cancel</Button>
<Button className="bg-primary hover:bg-primary-hover text-white">Save Changes</Button>
</div>
@@ -268,11 +268,11 @@ export default function SettingList() {
{activeTab === "Appearance" && (
<div className="max-w-4xl">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Appearance</h3>
<p className="text-xs text-primary-light mt-0.5">Theme and display density</p>
<h3 className="font-semibold text-foreground text-sm">Appearance</h3>
<p className="text-xs text-muted-foreground mt-0.5">Theme and display density</p>
</div>
</div>
<div className="p-6 space-y-4">
@@ -315,7 +315,7 @@ export default function SettingList() {
</div>
</div>
</div>
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-white to-primary/5/30">
<div className="flex justify-end gap-3 px-6 py-4 border-t border-primary/5 bg-gradient-to-r from-surface to-primary/5/30">
<Button variant="ghost" className="text-muted-foreground hover:text-foreground hover:bg-background">Cancel</Button>
<Button className="bg-primary hover:bg-primary-hover text-white">Save Changes</Button>
</div>
src/features/tenants/pages/NewTenantForm.tsx
+3 -3
View File
@@ -15,11 +15,11 @@ const errorClass = 'text-xs text-danger mt-1';
function CardHeader({ title, subtitle }: { title: string; subtitle?: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
{subtitle && <p className="text-xs text-primary-light mt-0.5">{subtitle}</p>}
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
{subtitle && <p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>}
</div>
</div>
);
src/features/units/pages/NewUnit.tsx
+3 -3
View File
@@ -20,11 +20,11 @@ const UNIT_TYPES = ["Weight", "Length", "Volume", "Area", "Count", "Temperature"
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/users/pages/NewUser.tsx
+3 -3
View File
@@ -17,11 +17,11 @@ import { Breadcrumb } from "../../../components/layouts/Breadcrumb";
function CardHeader({ title, subtitle }: { title: string; subtitle?: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
{subtitle && <p className="text-xs text-primary-light mt-0.5">{subtitle}</p>}
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
{subtitle && <p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>}
</div>
</div>
);
src/features/variants/pages/NewVariant.tsx
+3 -3
View File
@@ -28,11 +28,11 @@ const errorClass = 'text-xs text-danger mt-1';
function CardHeader({ title, subtitle }: { title: string; subtitle: string }) {
return (
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5/70 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">{title}</h3>
<p className="text-xs text-primary-light mt-0.5">{subtitle}</p>
<h3 className="font-semibold text-foreground text-sm">{title}</h3>
<p className="text-xs text-muted-foreground mt-0.5">{subtitle}</p>
</div>
</div>
);
src/features/workflow/components/GeneralInfoTab.tsx
+6 -6
View File
@@ -18,11 +18,11 @@ export const GeneralInfoTab = () => {
<div className="space-y-6 pb-6">
{/* Basic Information */}
<div className="bg-surface rounded-xl border border-border shadow-sm overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Basic Information</h3>
<p className="text-xs text-primary-light mt-0.5">Name, code and description of this workflow</p>
<h3 className="font-semibold text-foreground text-sm">Basic Information</h3>
<p className="text-xs text-muted-foreground mt-0.5">Name, code and description of this workflow</p>
</div>
</div>
@@ -96,11 +96,11 @@ export const GeneralInfoTab = () => {
{/* Configuration */}
<div className="bg-surface rounded-xl border border-border shadow-sm overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-surface flex items-center gap-3">
<div className="w-1 h-5 bg-primary-light rounded-full shrink-0" />
<div>
<h3 className="font-semibold text-primary-dark text-sm">Configuration</h3>
<p className="text-xs text-primary-light mt-0.5">Workflow behaviour and status settings</p>
<h3 className="font-semibold text-foreground text-sm">Configuration</h3>
<p className="text-xs text-muted-foreground mt-0.5">Workflow behaviour and status settings</p>
</div>
</div>
src/features/workflow/pages/NewWorkflow.tsx
+4 -4
View File
@@ -284,7 +284,7 @@ export default function NewWorkflow() {
{/* STEP 1: Basic Information */}
{step === 1 && (
<div className="bg-surface rounded-xl border border-border shadow-xs overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-surface flex items-center gap-3">
<div className="w-1.5 h-6 bg-primary-light rounded-full" />
<div>
<h3 className="font-bold text-foreground text-sm">Step 1: Basic Information</h3>
@@ -383,7 +383,7 @@ export default function NewWorkflow() {
{/* STEP 2: Stages Designer */}
{step === 2 && (
<div className="bg-surface rounded-xl border border-border shadow-xs overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-white flex items-center justify-between">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-surface flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="w-1.5 h-6 bg-primary-light rounded-full" />
<div>
@@ -636,7 +636,7 @@ export default function NewWorkflow() {
{/* STEP 3: Workflow Preview */}
{step === 3 && (
<div className="bg-surface rounded-xl border border-border shadow-xs overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-surface flex items-center gap-3">
<div className="w-1.5 h-6 bg-primary-light rounded-full" />
<div>
<h3 className="font-bold text-foreground text-sm">Step 3: Visual Path Preview</h3>
@@ -662,7 +662,7 @@ export default function NewWorkflow() {
{/* STEP 4: Summary Screen */}
{step === 4 && (
<div className="bg-surface rounded-xl border border-border shadow-xs overflow-hidden">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-white flex items-center gap-3">
<div className="px-6 py-4 border-b border-primary/5 bg-gradient-to-r from-primary/5 to-surface flex items-center gap-3">
<div className="w-1.5 h-6 bg-primary-light rounded-full" />
<div>
<h3 className="font-bold text-foreground text-sm">Step 4: Summary & Save</h3>