Krow/krow_talent_app
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update position page design

Browse Source
This commit is contained in:
Aravind
2026-08-13 21:41:14 +05:30
parent 6340962907
commit 1c653264b5
124 changed files with 5746 additions and 596 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/krow/TalentDetailModal.jsx
View File

@@ -50,7 +50,7 @@ const BADGE_LEVEL_STYLES = {
bronze: 'bg-[#FEF3C7] text-[#92400E] border-[#FCD34D]',
silver: 'bg-[#F3F4F6] text-[#4B5563] border-[#D1D5DB]',
gold: 'bg-[#FEF9E7] text-[#92400E] border-[#F9E547]',
platinum: 'bg-[#EFF6FF] text-[#1E40AF] border-[#BFDBFE]',
platinum: 'bg-[#EEF3FE] text-[#1E40AF] border-[#BFDBFE]',
};
function Section({ label, children }) {
@@ -104,7 +104,7 @@ export default function TalentDetailModal({ open, onClose, profile, onContact, o
const identityVerified = capabilities.length > 0 || badges.length > 0;
const identityTag = identityVerified ? 'Verified' : 'Pending';
const identityClass = identityVerified ? 'bg-[#EFF6FF] text-[#1E40AF]' : 'bg-[#FFF7ED] text-[#B45309]';
const identityClass = identityVerified ? 'bg-[#EEF3FE] text-[#1E40AF]' : 'bg-[#FFF7ED] text-[#B45309]';
return (
<Dialog open={open} onOpenChange={(o) => !o && onClose()}>
<DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto p-0">
@@ -169,10 +169,10 @@ export default function TalentDetailModal({ open, onClose, profile, onContact, o
{/* Match banner */}
{matchScore != null && (
<div className="rounded-xl border border-[#DBEAFE] bg-[#EFF6FF] p-4">
<div className="rounded-xl border border-[#DBEAFE] bg-[#EEF3FE] p-4">
<div className="flex items-center gap-2 mb-1.5">
<Sparkles className="w-4 h-4 text-[#0A39DF]" />
<span className="text-[13px] font-bold text-[#0A39DF]">Match Score: {matchScore}/100</span>
<Sparkles className="w-4 h-4 text-[#0838E0]" />
<span className="text-[13px] font-bold text-[#0838E0]">Match Score: {matchScore}/100</span>
</div>
{matchReasons?.length > 0 && (
<ul className="text-[12px] text-[#374151] list-disc list-inside space-y-0.5">
@@ -250,8 +250,8 @@ export default function TalentDetailModal({ open, onClose, profile, onContact, o
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
{profile.personality && (
<div className="flex gap-2.5">
<span className="w-7 h-7 rounded-lg bg-[#EFF6FF] flex items-center justify-center shrink-0">
<Brain className="w-3.5 h-3.5 text-[#0A39DF]" />
<span className="w-7 h-7 rounded-lg bg-[#EEF3FE] flex items-center justify-center shrink-0">
<Brain className="w-3.5 h-3.5 text-[#0838E0]" />
</span>
<div className="min-w-0">
<p className="text-[10px] font-bold text-[#9CA3AF] tracking-wider mb-1">PERSONALITY</p>
@@ -261,8 +261,8 @@ export default function TalentDetailModal({ open, onClose, profile, onContact, o
)}
{profile.communication_style && (
<div className="flex gap-2.5">
<span className="w-7 h-7 rounded-lg bg-[#EFF6FF] flex items-center justify-center shrink-0">
<MessageSquare className="w-3.5 h-3.5 text-[#0A39DF]" />
<span className="w-7 h-7 rounded-lg bg-[#EEF3FE] flex items-center justify-center shrink-0">
<MessageSquare className="w-3.5 h-3.5 text-[#0838E0]" />
</span>
<div className="min-w-0">
<p className="text-[10px] font-bold text-[#9CA3AF] tracking-wider mb-1">COMMUNICATION STYLE</p>
@@ -274,7 +274,7 @@ export default function TalentDetailModal({ open, onClose, profile, onContact, o
{strengths.length > 0 && (
<div className="pt-3 border-t border-[#F3F4F6]">
<p className="text-[10px] font-bold text-[#9CA3AF] tracking-wider mb-2">STRENGTHS</p>
<PillList items={strengths} className="bg-[#EFF6FF] text-[#0A39DF]" />
<PillList items={strengths} className="bg-[#EEF3FE] text-[#0838E0]" />
</div>
)}
</div>
@@ -288,7 +288,7 @@ export default function TalentDetailModal({ open, onClose, profile, onContact, o
</div>
<div className="flex items-center gap-2 flex-wrap">
{onContact && (
<button onClick={() => onContact(profile)} className="inline-flex items-center gap-1.5 bg-[#0A39DF] hover:bg-[#082EB4] text-white text-[13px] font-medium px-4 py-2 rounded-lg transition-colors">
<button onClick={() => onContact(profile)} className="inline-flex items-center gap-1.5 bg-[#0838E0] hover:bg-[#062BAF] text-white text-[13px] font-medium px-4 py-2 rounded-lg transition-colors">
<Mail className="w-4 h-4" /> Contact
</button>
)}