font matched

This commit was merged in pull request #765.
This commit is contained in:
victorAnumudu
2024-07-24 17:25:54 +01:00
parent 0e850b2222
commit 9f8b61175e
5 changed files with 5 additions and 5 deletions
+1 -1
View File
@@ -50,7 +50,7 @@ function JobsCompleted() {
}, []) }, [])
return ( return (
<div className='flex flex-col justify-between min-h-[500px]'> <div className='p-4 flex flex-col justify-between min-h-[500px]'>
{jobHistory.loading ? {jobHistory.loading ?
<LoadingSpinner size='16' color='sky-blue' height='h-[500px]' /> <LoadingSpinner size='16' color='sky-blue' height='h-[500px]' />
: jobHistory?.data?.length ? : jobHistory?.data?.length ?
+1 -1
View File
@@ -47,7 +47,7 @@ export const RewardsTable = memo(() => {
}, []) }, [])
return ( return (
<div className='flex flex-col justify-between min-h-[500px]'> <div className='p-4 flex flex-col justify-between min-h-[500px]'>
{familyRewardHistory.loading ? {familyRewardHistory.loading ?
<LoadingSpinner size='16' color='sky-blue' height='h-[500px]' /> <LoadingSpinner size='16' color='sky-blue' height='h-[500px]' />
: familyRewardHistory.data.length ? : familyRewardHistory.data.length ?
@@ -15,7 +15,7 @@ function PurchasesTable({purchase}) {
} }
return ( return (
<div className='flex flex-col justify-between min-h-[500px]'> <div className='p-4 flex flex-col justify-between min-h-[500px]'>
{purchase.data.length ? {purchase.data.length ?
<table className="wallet-activity w-full table-auto border-collapse text-left"> <table className="wallet-activity w-full table-auto border-collapse text-left">
<thead className='w-full'> <thead className='w-full'>
@@ -18,7 +18,7 @@ function RecentActivityTable({ payment }) {
}; };
return ( return (
<div className="flex flex-col justify-between min-h-[500px]"> <div className="p-4 flex flex-col justify-between min-h-[500px]">
{payment?.data?.length > 0 ? {payment?.data?.length > 0 ?
<table className="wallet-activity w-full table-auto border-collapse text-left"> <table className="wallet-activity w-full table-auto border-collapse text-left">
<thead className="w-full"> <thead className="w-full">
+1 -1
View File
@@ -3,7 +3,7 @@ import React from 'react'
export default function TabButton({ item='', selectedTab='', setSelectedTab=()=>{} }) { export default function TabButton({ item='', selectedTab='', setSelectedTab=()=>{} }) {
return ( return (
<button <button
className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${ className={`text-18 tracking-wide flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
selectedTab === item ? "text-purple" : " text-thin-light-gray" selectedTab === item ? "text-purple" : " text-thin-light-gray"
}`} }`}
value={item} value={item}