edit team member layout to improve visibility

This commit is contained in:
rocord01 2025-01-25 17:28:26 -05:00
parent 17464c60a6
commit ccfdda30f2

View file

@ -5,7 +5,7 @@ const adminTeam = [
{ name: 'Chris Chrome', ext: '1000', image: '/chris.webp', discord: '@chrischrome' }, { name: 'Chris Chrome', ext: '1000', image: '/chris.webp', discord: '@chrischrome' },
{ name: 'Cayden', ext: '1001', image: '/cayden.webp', discord: '@freepbx' }, { name: 'Cayden', ext: '1001', image: '/cayden.webp', discord: '@freepbx' },
{ name: 'Nick', ext: '1036', image: '/nick.webp', discord: '@gamewell' }, { name: 'Nick', ext: '1036', image: '/nick.webp', discord: '@gamewell' },
{ name: 'Faux_Lemons', ext: '1011', image: '/faux_lemons.webp', discord: '@faux_lemons' }, { name: 'Faux Lemons', ext: '1011', image: '/faux_lemons.webp', discord: '@faux_lemons' },
{ name: 'ashton', ext: '1007', image: '/ashton.webp', discord: '@ashtoncarlson' } { name: 'ashton', ext: '1007', image: '/ashton.webp', discord: '@ashtoncarlson' }
] ]
@ -41,7 +41,7 @@ export default function Team() {
<div className="space-y-12"> <div className="space-y-12">
<div> <div>
<h3 className="mb-4 text-2xl font-semibold text-gray-200">Administration Team</h3> <h3 className="mb-4 text-2xl font-semibold text-gray-200">Administration Team</h3>
<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4"> <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-5">
{adminTeam.map((member) => ( {adminTeam.map((member) => (
<TeamMember key={member.ext} {...member} /> <TeamMember key={member.ext} {...member} />
))} ))}
@ -49,7 +49,7 @@ export default function Team() {
</div> </div>
<div> <div>
<h3 className="mb-4 text-2xl font-semibold text-gray-200">Moderation Team</h3> <h3 className="mb-4 text-2xl font-semibold text-gray-200">Moderation Team</h3>
<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3"> <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-2">
{modTeam.map((member) => ( {modTeam.map((member) => (
<TeamMember key={member.ext} {...member} /> <TeamMember key={member.ext} {...member} />
))} ))}