Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update agent dashboard text styles and replace the calendar icon.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-18 19:34:18 +05:30
parent 5b6ba34b95
commit 4aafcdd7c0
3 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(agent)/agent/dashboard/component/Tag.tsx
View File

@@ -8,7 +8,7 @@ interface TagProps {
export function Tag({ children, variant = 'default' }: TagProps) {
return (
<span
className={`inline-flex items-center px-3 py-1 rounded-full text-sm border font-fractul ${
className={`inline-flex items-center justify-center px-3 h-[24px] rounded-[15px] text-[14px] font-normal font-serif border ${
variant === 'light'
? 'border-[#00293d]/30 text-[#00293d] bg-transparent'
: variant === 'orange'

18
src/app/(agent)/agent/dashboard/page.tsx
View File

@@ -191,23 +191,27 @@ export default function AgentDashboard() {
</div>
<p className="text-[#00293d] text-sm mb-2 font-fractul">{agentData.title}</p>
<div className="flex items-center justify-center lg:justify-start gap-4 text-sm text-[#00293d] font-fractul">
<span className="flex items-center gap-1 text-[#e58625] font-medium">
<span className="flex items-center gap-1">
<Image
src="/assets/icons/location-pin-icon.svg"
alt="Location"
width={21}
height={19}
/>
{agentData.location}
<span className="text-[14px] font-bold text-[#00293D] font-serif leading-[19px]">
{agentData.location}
</span>
</span>
<span className="flex items-center gap-1">
<Image
src="/assets/icons/calendar-icon.svg"
alt="Calendar"
width={16}
height={16}
width={23}
height={21}
/>
Member Since {agentData.memberSince}
<span className="text-[13px] font-medium text-[#00293D] font-serif leading-[18px]">
Member Since {agentData.memberSince}
</span>
</span>
</div>
</div>
@@ -236,11 +240,11 @@ export default function AgentDashboard() {
</div>
{/* Bio */}
<p className="text-[#00293d] text-sm leading-relaxed mb-4 font-serif text-center lg:text-left">{agentData.bio}</p>
<p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-4 text-center lg:text-left">{agentData.bio}</p>
{/* Expertise Tags */}
<div>
<p className="font-bold text-[#00293d] text-sm mb-2 text-center lg:text-left">Expertise:</p>
<p className="text-[14px] font-bold text-[#00293D] font-fractul leading-[17px] mb-2 text-center lg:text-left">Expertise:</p>
<div className="flex flex-wrap gap-2 justify-center lg:justify-start">
{agentData.expertise.map((tag, idx) => (
<Tag key={idx}>{tag}</Tag>