saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-04-19 19:01:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mobile styles on progress, real peeps in the avatars

Browse Source
This commit is contained in:
austinkelsay 2024-10-18 14:38:44 -05:00
parent 44f5af5061
commit 1d2a21e24c
No known key found for this signature in database
GPG Key ID: 44CB4EC6D9F2FA02
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/banner/HeroBanner.js
View File

@ -103,11 +103,11 @@ const HeroBanner = () => {
)}
<div className="mb-8 flex flex-row">
<AvatarGroup>
<Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/amyelsner.png"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/asiyajavayant.png"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/onyamalimba.png"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/ionibowcher.png"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/xuxuefeng.png"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://pbs.twimg.com/profile_images/1674493492519751680/wxuiYCJA_400x400.jpg"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://cdn.discordapp.com/avatars/823623334582681610/a19c596166584d2f51e444103255336d.png?size=1024"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://pbs.twimg.com/profile_images/1724533572537880576/WBcctRHT_400x400.jpg"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://cdn.discordapp.com/avatars/850975720872214578/37b3790a77e5c848d9489c2649420aa9.png?size=1024"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar image={"https://i.nostr.build/BksqZ8QSHxr9FGj2.webp"} size={isMobile ? "normal" : "large"} shape="circle" />
<Avatar label="500+" shape="circle" size={isMobile ? "normal" : "large"} className={`${isMobile ? 'text-sm' : 'text-base'}`} />
</AvatarGroup>
<div className="flex flex-col justify-between my-2 ml-4">

6
src/components/profile/progress/UserProgress.js
View File

@ -17,7 +17,7 @@ const allTasks = [
]
},
{
status: 'PlebDevs Course 1',
status: 'Frontend Course',
completed: false,
tier: 'Junior Dev',
courseId: 'd20e2e9b-5123-4a91-b27f-d75ea1d5811e',
@ -27,7 +27,7 @@ const allTasks = [
]
},
{
status: 'PlebDevs Course 2',
status: 'Backend Course',
completed: false,
tier: 'Plebdev',
courseId: 'aa3b1641-ad2b-4ef4-9f0f-38951ae307b7',
@ -142,7 +142,7 @@ const UserProgress = () => {
<div className="w-6 h-6 bg-gray-700 rounded-full flex items-center justify-center mr-3">
<i className="pi pi-info-circle text-white text-2xl"></i>
</div>
<div className="flex items-center justify-between w-[160px] max-mob:w-[100px]">
<div className="flex items-center justify-between w-[150px]">
<span className="text-lg text-gray-400">{task.status}</span>
<i className={`pi pi-chevron-down text-gray-400 ml-2 transition-transform duration-300 ${expandedItems[index] ? 'rotate-180' : ''}`} />
</div>