feat: add animated bike icon to assign bike modal header and fix indentation formatting
This commit is contained in:
@@ -1587,7 +1587,7 @@ export default function InvestorDetailPage() {
|
|||||||
<div className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${planBadges[planType]} capitalize mb-3`}>
|
<div className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${planBadges[planType]} capitalize mb-3`}>
|
||||||
<span className={`w-2 h-2 rounded-full ${planType === 'silver' ? 'bg-slate-500' :
|
<span className={`w-2 h-2 rounded-full ${planType === 'silver' ? 'bg-slate-500' :
|
||||||
planType === 'gold' ? 'bg-amber-500' :
|
planType === 'gold' ? 'bg-amber-500' :
|
||||||
planType === 'platinum' ? 'bg-purple-500' : 'bg-blue-500'
|
planType === 'platinum' ? 'bg-purple-500' : 'bg-blue-500'
|
||||||
}`} />
|
}`} />
|
||||||
{planType} Plan • {investment?.planName || 'Investment'}
|
{planType} Plan • {investment?.planName || 'Investment'}
|
||||||
</div>
|
</div>
|
||||||
@@ -3344,7 +3344,10 @@ export default function InvestorDetailPage() {
|
|||||||
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
|
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
|
||||||
<div className="bg-white rounded-xl shadow-xl w-full max-w-md">
|
<div className="bg-white rounded-xl shadow-xl w-full max-w-md">
|
||||||
<div className="p-5 border-b border-slate-100 flex items-center justify-between">
|
<div className="p-5 border-b border-slate-100 flex items-center justify-between">
|
||||||
<h2 className="text-lg font-bold text-slate-800">Assign Bike to Investor</h2>
|
<h2 className="text-lg font-bold text-investor flex items-center gap-2">
|
||||||
|
<Bike className="w-5 h-5 text-investor animate-bounce" />
|
||||||
|
Assign Bike to Investor
|
||||||
|
</h2>
|
||||||
<button onClick={() => setShowAssignBikeModal(false)} className="p-2 hover:bg-slate-100 rounded-lg">
|
<button onClick={() => setShowAssignBikeModal(false)} className="p-2 hover:bg-slate-100 rounded-lg">
|
||||||
<X className="w-5 h-5 text-slate-400" />
|
<X className="w-5 h-5 text-slate-400" />
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user