style: Update agent dashboard text styles and replace the calendar icon.
This commit is contained in:
pradeepkumar
@@ -1,3 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="#00293d">
|
||||
<path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/>
|
||||
<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.46581 0.75C6.46581 0.551088 6.37692 0.360322 6.21868 0.21967C6.06045 0.0790177 5.84584 0 5.62206 0C5.39829 0 5.18367 0.0790177 5.02544 0.21967C4.86721 0.360322 4.77831 0.551088 4.77831 0.75V2.33C3.15831 2.445 2.09631 2.727 1.31556 3.422C0.533687 4.116 0.216437 5.061 0.0859375 6.5H22.4082C22.2777 5.06 21.9604 4.116 21.1786 3.422C20.3978 2.727 19.3347 2.445 17.7158 2.329V0.75C17.7158 0.551088 17.6269 0.360322 17.4687 0.21967C17.3104 0.0790177 17.0958 0 16.8721 0C16.6483 0 16.4337 0.0790177 16.2754 0.21967C16.1172 0.360322 16.0283 0.551088 16.0283 0.75V2.263C15.2802 2.25 14.4409 2.25 13.4971 2.25H8.99706C8.05319 2.25 7.21394 2.25 6.46581 2.263V0.75Z" fill="#00293D"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.25C0 9.411 1.25729e-08 8.665 0.014625 8H22.4854C22.5 8.665 22.5 9.411 22.5 10.25V12.25C22.5 16.021 22.5 17.907 21.1815 19.078C19.863 20.249 17.7424 20.25 13.5 20.25H9C4.75763 20.25 2.63587 20.25 1.3185 19.078C0.00112492 17.906 0 16.021 0 12.25V10.25ZM16.875 12.25C17.1734 12.25 17.4595 12.1446 17.6705 11.9571C17.8815 11.7696 18 11.5152 18 11.25C18 10.9848 17.8815 10.7304 17.6705 10.5429C17.4595 10.3554 17.1734 10.25 16.875 10.25C16.5766 10.25 16.2905 10.3554 16.0795 10.5429C15.8685 10.7304 15.75 10.9848 15.75 11.25C15.75 11.5152 15.8685 11.7696 16.0795 11.9571C16.2905 12.1446 16.5766 12.25 16.875 12.25ZM16.875 16.25C17.1734 16.25 17.4595 16.1446 17.6705 15.9571C17.8815 15.7696 18 15.5152 18 15.25C18 14.9848 17.8815 14.7304 17.6705 14.5429C17.4595 14.3554 17.1734 14.25 16.875 14.25C16.5766 14.25 16.2905 14.3554 16.0795 14.5429C15.8685 14.7304 15.75 14.9848 15.75 15.25C15.75 15.5152 15.8685 15.7696 16.0795 15.9571C16.2905 16.1446 16.5766 16.25 16.875 16.25ZM12.375 11.25C12.375 11.5152 12.2565 11.7696 12.0455 11.9571C11.8345 12.1446 11.5484 12.25 11.25 12.25C10.9516 12.25 10.6655 12.1446 10.4545 11.9571C10.2435 11.7696 10.125 11.5152 10.125 11.25C10.125 10.9848 10.2435 10.7304 10.4545 10.5429C10.6655 10.3554 10.9516 10.25 11.25 10.25C11.5484 10.25 11.8345 10.3554 12.0455 10.5429C12.2565 10.7304 12.375 10.9848 12.375 11.25ZM12.375 15.25C12.375 15.5152 12.2565 15.7696 12.0455 15.9571C11.8345 16.1446 11.5484 16.25 11.25 16.25C10.9516 16.25 10.6655 16.1446 10.4545 15.9571C10.2435 15.7696 10.125 15.5152 10.125 15.25C10.125 14.9848 10.2435 14.7304 10.4545 14.5429C10.6655 14.3554 10.9516 14.25 11.25 14.25C11.5484 14.25 11.8345 14.3554 12.0455 14.5429C12.2565 14.7304 12.375 14.9848 12.375 15.25ZM5.625 12.25C5.92337 12.25 6.20952 12.1446 6.4205 11.9571C6.63147 11.7696 6.75 11.5152 6.75 11.25C6.75 10.9848 6.63147 10.7304 6.4205 10.5429C6.20952 10.3554 5.92337 10.25 5.625 10.25C5.32663 10.25 5.04048 10.3554 4.8295 10.5429C4.61853 10.7304 4.5 10.9848 4.5 11.25C4.5 11.5152 4.61853 11.7696 4.8295 11.9571C5.04048 12.1446 5.32663 12.25 5.625 12.25ZM5.625 16.25C5.92337 16.25 6.20952 16.1446 6.4205 15.9571C6.63147 15.7696 6.75 15.5152 6.75 15.25C6.75 14.9848 6.63147 14.7304 6.4205 14.5429C6.20952 14.3554 5.92337 14.25 5.625 14.25C5.32663 14.25 5.04048 14.3554 4.8295 14.5429C4.61853 14.7304 4.5 14.9848 4.5 15.25C4.5 15.5152 4.61853 15.7696 4.8295 15.9571C5.04048 16.1446 5.32663 16.25 5.625 16.25Z" fill="#00293D"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 311 B After Width: | Height: | Size: 3.2 KiB |
@@ -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'
|
||||
|
||||
@@ -191,24 +191,28 @@ 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}
|
||||
/>
|
||||
<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}
|
||||
/>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user