Skip to content

Commit 66256eb

Browse files
0xkid-root0xkid-root
committed
ui clearup
1 parent 0e538ce commit 66256eb

5 files changed

Lines changed: 14 additions & 76 deletions

File tree

‎src/pages/asset/AddAsset/AdditionalDetails/ExitOpportunities/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@ const ExitOpportunity = memo(() => {
267267
{/* Content */}
268268
<motion.div
269269
variants={contentVariants}
270-
className="bg-white rounded-xl border border-gray-200 shadow-lg overflow-hidden"
270+
className="bg-white m-4 rounded-xl border border-gray-200 shadow-lg overflow-hidden"
271271
>
272272
<Suspense fallback={
273273
<div className="flex items-center justify-center p-12">
@@ -281,7 +281,7 @@ const ExitOpportunity = memo(() => {
281281
</div>
282282
</div>
283283
}>
284-
<div className="p-6">
284+
<div className="p-6 ">
285285
<VerticleTable
286286
items={fields}
287287
handleEdit={handleEdit}

‎src/pages/asset/AddAsset/AssetInformation/InvestmentDetails/AssetPrice/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ const index = () => {
120120
{/* Enhanced Base Property Value */}
121121
<motion.div variants={itemVariants}>
122122
<InfoTag
123-
info="Base Property Value"
123+
info="Base Property Value"
124124
amount={`${currnecy === "INR" ? "₹" : "$"}${basePropertyValue || 0}`}
125125
icon={<TrendingUp className="w-5 h-5 text-green-600" />}
126126
/>
@@ -131,12 +131,12 @@ const index = () => {
131131
variants={itemVariants}
132132
className="bg-white rounded-2xl border border-gray-100 overflow-hidden"
133133
>
134-
<div className="bg-gradient-to-r from-amber-50 to-orange-50 p-4 border-b border-amber-100">
134+
<div className="p-4 border-b border-amber-100">
135135
<div className="flex items-center gap-3">
136136
<Receipt className="w-5 h-5 text-amber-600" />
137137
<h3 className="text-lg font-semibold text-gray-900">Fee Structure</h3>
138138
</div>
139-
<p className="text-sm text-amber-700 mt-1">Configure all applicable fees and charges</p>
139+
<p className="text-sm text-gray mt-1">Configure all applicable fees and charges</p>
140140
</div>
141141
<div className="p-6">
142142
<motion.div variants={feeCardVariants}>
@@ -148,7 +148,7 @@ const index = () => {
148148
{/* Enhanced Final Total */}
149149
<motion.div
150150
variants={itemVariants}
151-
className="bg-gradient-to-r rounded-xl p-4 "
151+
className=" rounded-xl p-4 "
152152
>
153153
<InfoTag
154154
info="Gross Total Property Value"

‎src/pages/asset/AddAsset/FeeStructure/index.tsx‎

Lines changed: 4 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -49,34 +49,11 @@ const FeeStructure: React.FC = () => {
4949
setValue('basePropertyValue', value ? Number(value) : 0);
5050
};
5151

52-
// Features data
53-
const features = [
54-
{
55-
icon: TrendingUp,
56-
title: "Transparent Pricing",
57-
description: "Category-specific fee structures"
58-
},
59-
{
60-
icon: Shield,
61-
title: "Regulatory Compliant",
62-
description: "All legal & compliance costs included"
63-
},
64-
{
65-
icon: Calculator,
66-
title: "Real-Time Calculation",
67-
description: "Instant updates on value change"
68-
},
69-
{
70-
icon: CheckCircle2,
71-
title: "All-Inclusive",
72-
description: "Zero hidden or surprise fees"
73-
}
74-
];
7552

7653
return (
77-
<div className="flex flex-col w-full space-y-6">
54+
<div className="flex flex-col w-full space-y-6 ">
7855
{/* Header */}
79-
<div className="bg-white rounded-xl p-6 shadow-sm border border-gray-100">
56+
<div className="bg-white rounded-xl p-6 m-4 shadow-sm border border-gray-100">
8057
<div className="flex items-center gap-3">
8158
<div className="p-3 bg-blue-100 rounded-lg">
8259
<Calculator className="w-5 h-5 text-blue-600" />
@@ -88,20 +65,9 @@ const FeeStructure: React.FC = () => {
8865
</div>
8966
</div>
9067

91-
{/* Features */}
92-
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
93-
{features.map((feature, index) => (
94-
<FeatureCard
95-
key={index}
96-
icon={feature.icon}
97-
title={feature.title}
98-
description={feature.description}
99-
/>
100-
))}
101-
</div>
10268

10369
{/* Fee Structure */}
104-
<div className="bg-white rounded-xl p-6 shadow-sm border border-gray-100">
70+
<div className="bg-white rounded-xl p-6 m-4 shadow-sm border border-gray-100">
10571
<div className="flex items-center gap-3 mb-4">
10672
<div className="p-2 bg-blue-100 rounded-lg">
10773
<DollarSign className="w-4 h-4 text-blue-600" />
@@ -148,35 +114,7 @@ const FeeStructure: React.FC = () => {
148114
</div>
149115
</div>
150116

151-
{/* Need-to-Know Information */}
152-
<div className="bg-blue-50 rounded-xl p-6 border border-blue-100">
153-
<div className="flex items-center mb-4">
154-
<Info className="w-5 h-5 text-blue-600 mr-2" />
155-
<h3 className="text-lg font-semibold text-gray-900">Need-to-Know</h3>
156-
</div>
157-
158-
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
159-
<div>
160-
<h4 className="font-medium text-gray-800 mb-1">Token Supply Basis</h4>
161-
<p className="text-sm text-gray-600">
162-
Tokens are issued against the Gross Total Property Value (i.e. purchase price plus all fees—no surprises).
163-
</p>
164-
</div>
165-
<div>
166-
<h4 className="font-medium text-gray-800 mb-1">Payment Milestones</h4>
167-
<p className="text-sm text-gray-600">
168-
Registration & legal fees are due at closing; platform fees are settled at token issuance.
169-
</p>
170-
</div>
171-
</div>
172-
173-
<div className="bg-white p-4 rounded-lg border border-blue-100">
174-
<Badge className="bg-blue-100 text-blue-700 mb-2">Pro Tip</Badge>
175-
<p className="text-sm text-gray-700">
176-
Fee percentages are pre-optimised per asset category and jurisdiction; adjust base value to see live updates.
177-
</p>
178-
</div>
179-
</div>
117+
180118
</div>
181119
);
182120
};

‎src/pages/asset/AddAsset/MediaAndDocuments/Documents/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -136,15 +136,15 @@ const Index = () => {
136136

137137
<motion.button
138138
onClick={handleAdd}
139-
className="flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white font-semibold rounded-xl hover:from-blue-700 hover:to-purple-700 transition-all duration-200 shadow-lg hover:shadow-xl"
139+
className="flex items-center gap-2 px-6 py-3 font-semibold rounded-xl shadow-lg hover:shadow-xl bg-white text-gray-700 border border-gray-300 hover:border-gray-400 shadow-sm"
140140
whileHover={{ scale: 1.05, y: -2 }}
141141
whileTap={{ scale: 0.95 }}
142142
initial={{ opacity: 0, x: 20 }}
143143
animate={{ opacity: 1, x: 0 }}
144144
transition={{ delay: 0.3 }}
145145
>
146146
<Plus className="w-5 h-5" />
147-
<span>Add Document</span>
147+
<span>Add Document</span>
148148
</motion.button>
149149
</div>
150150
</motion.div>
@@ -193,7 +193,7 @@ const Index = () => {
193193
</p>
194194
<motion.button
195195
onClick={handleAdd}
196-
className="inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white font-semibold rounded-xl hover:from-blue-700 hover:to-purple-700 transition-all duration-200 shadow-lg hover:shadow-xl"
196+
className="inline-flex items-center gap-2 px-6 py-3 font-semibold rounded-xl bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 hover:border-gray-400 shadow-sm shadow-lg hover:shadow-xl"
197197
whileHover={{ scale: 1.05, y: -2 }}
198198
whileTap={{ scale: 0.95 }}
199199
>

‎src/pages/asset/AddAsset/MediaAndDocuments/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ const MediaAndDocumentsComponent = memo(({ tab, step }: Props) => {
151151
<FileImage className="w-8 h-8 text-white" />
152152
</motion.div>
153153
<div>
154-
<h1 className='text-3xl font-bold text-gray-900 mb-1'>Media hiii & Documents</h1>
154+
<h1 className='text-3xl font-bold text-gray-900 mb-1'>Media & Documents</h1>
155155
<p className="text-gray-600 flex items-center gap-2">
156156
<Sparkles className="w-4 h-4" />
157157
Upload images, videos, and important documents for your asset

0 commit comments

Comments
 (0)