ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

feat(dashboard): add hover effects to stats blocks and external link icon to content list

Browse Source
This commit is contained in:
Usman Baig
2026-01-18 17:03:16 +01:00
parent 2fc623c14e
commit a92a938c29
4 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/dashboard/TopReferrers.tsx
View File

@@ -40,7 +40,7 @@ export default function TopReferrers({ referrers }: TopReferrersProps) {
{hasData ? (
<>
{displayedReferrers.map((ref, index) => (
<div key={index} className="flex items-center justify-between h-7">
<div key={index} className="flex items-center justify-between h-7 group hover:bg-neutral-50 dark:hover:bg-neutral-800 rounded-lg px-2 -mx-2 transition-colors">
<div className="flex-1 truncate text-neutral-900 dark:text-white flex items-center gap-3">
<span className="text-lg flex-shrink-0">{getReferrerIcon(ref.referrer)}</span>
<span className="truncate" title={ref.referrer}>{ref.referrer}</span>
@@ -51,7 +51,7 @@ export default function TopReferrers({ referrers }: TopReferrersProps) {
</div>
))}
{Array.from({ length: emptySlots }).map((_, i) => (
<div key={`empty-${i}`} className="h-7" aria-hidden="true" />
<div key={`empty-${i}`} className="h-7 px-2 -mx-2" aria-hidden="true" />
))}
</>
) : (
@@ -69,7 +69,7 @@ export default function TopReferrers({ referrers }: TopReferrersProps) {
>
<div className="space-y-3 max-h-[60vh] overflow-y-auto pr-2">
{referrers?.map((ref, index) => (
<div key={index} className="flex items-center justify-between py-1">
<div key={index} className="flex items-center justify-between py-1 group hover:bg-neutral-50 dark:hover:bg-neutral-800 rounded-lg px-2 -mx-2 transition-colors">
<div className="flex-1 truncate text-neutral-900 dark:text-white flex items-center gap-3">
<span className="text-lg flex-shrink-0">{getReferrerIcon(ref.referrer)}</span>
<span className="truncate" title={ref.referrer}>{ref.referrer}</span>