Fix spacing on leaderboard page

pull/7102/head
Kamran Ahmed 2 months ago
parent 851a0381b6
commit dd5232f2f8
  1. 8
      src/components/Leaderboard/LeaderboardPage.tsx

@ -83,8 +83,8 @@ function LeaderboardLane(props: LeaderboardLaneProps) {
return ( return (
<div className="overflow-hidden rounded-md border bg-white shadow-sm"> <div className="overflow-hidden rounded-md border bg-white shadow-sm">
<div className="flex items-center justify-between gap-2 bg-gray-100 px-3 py-2 mb-3"> <div className="flex items-center justify-between gap-2 bg-gray-100 px-3 py-3 mb-3">
<h3 className="text-base text-sm font-medium">{title}</h3> <h3 className="text-base font-medium">{title}</h3>
{tabs.length > 1 && ( {tabs.length > 1 && (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@ -96,7 +96,7 @@ function LeaderboardLane(props: LeaderboardLaneProps) {
key={tab.title} key={tab.title}
onClick={() => setActiveTab(tab)} onClick={() => setActiveTab(tab)}
className={cn( className={cn(
'text-xs font-medium underline-offset-2 transition-colors', 'text-sm font-medium underline-offset-2 transition-colors',
{ {
'text-black underline': isActive, 'text-black underline': isActive,
'text-gray-400 hover:text-gray-600': !isActive, 'text-gray-400 hover:text-gray-600': !isActive,
@ -119,7 +119,7 @@ function LeaderboardLane(props: LeaderboardLaneProps) {
)} )}
{usersToShow.length > 0 && ( {usersToShow.length > 0 && (
<ul className="divide-y divide-gray-100"> <ul className="divide-y divide-gray-100 pb-4">
{usersToShow.map((user, counter) => { {usersToShow.map((user, counter) => {
const avatar = user?.avatar const avatar = user?.avatar
? `${import.meta.env.PUBLIC_AVATAR_BASE_URL}/${user.avatar}` ? `${import.meta.env.PUBLIC_AVATAR_BASE_URL}/${user.avatar}`

Loading…
Cancel
Save