info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-31 21:11:44 +02:00
Code Issues Releases Wiki Activity

Improve streak UI

Browse Source
This commit is contained in:
Kamran Ahmed
2024-08-23 21:39:07 +01:00
parent 62823df944
commit 142c2eafb6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AccountStreak/AccountStreak.tsx
View File

@@ -108,9 +108,9 @@ export function AccountStreak(props: AccountStreakProps) {
{showDropdown && ( {showDropdown && (
<div <div
ref={dropdownRef} ref={dropdownRef}
className="absolute right-0 top-full z-50 w-[320px] translate-y-1 rounded-lg bg-slate-800 shadow-xl" className="absolute right-0 top-full z-50 w-[360px] translate-y-1 rounded-lg bg-slate-800 shadow-xl"
> >
<div className="px-4 py-2.5"> <div className="pl-4 pr-5 py-3">
<div className="flex items-center justify-between gap-2 text-sm text-slate-500"> <div className="flex items-center justify-between gap-2 text-sm text-slate-500">
<p> <p>
Current Streak Current Streak
@@ -180,7 +180,7 @@ export function AccountStreak(props: AccountStreakProps) {
</div> </div>
</div> </div>
<p className="text-center text-xs text-slate-500 tracking-wide mb-[1.75px] -mt-[2px]"> <p className="text-center text-xs text-slate-500 tracking-wide mb-[1.75px] -mt-[0px]">
Visit every day to keep your streak alive! Visit every day to keep your streak alive!
</p> </p>
</div> </div>