fix: Mobile layout for exhibitors

armada-ths · Feb 15, 2024 · 7dbecf5 · 7dbecf5
1 parent 21aca25
commit 7dbecf5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app/student/exhibitors/_components/ExhibitorCard.tsx b/src/app/student/exhibitors/_components/ExhibitorCard.tsx
@@ -11,7 +11,7 @@ export function ExhibitorCard({
 }) {
 	return (
 		<Link href={`/exhibitors/${exhibitor.id}?year=${year}`}>
-			<div className="group relative flex aspect-square w-72 cursor-pointer flex-col rounded-lg border-2 border-solid border-emerald-900 bg-gradient-to-br from-emerald-950 to-liqorice-700 filter hover:brightness-95">
+			<div className="group relative flex aspect-square w-32 cursor-pointer flex-col rounded-lg border-2 border-solid border-emerald-900 bg-gradient-to-br from-emerald-950 to-liqorice-700 filter hover:brightness-95 lg:w-72">
 				{exhibitor.logo_freesize != null ||
 					(exhibitor.logo_squared != null && (
 						<div className="p-4">
@@ -28,7 +28,7 @@ export function ExhibitorCard({
 						</div>
 					))}
 				<div className="flex-1" />
-				<h3 className="py-2 text-center font-bebas-neue text-2xl group-hover:text-melon-700">
+				<h3 className="py-2 text-center font-bebas-neue text-sm group-hover:text-melon-700 lg:text-2xl">
 					{exhibitor.name}
 				</h3>
 			</div>

diff --git a/src/app/student/exhibitors/_components/ExhibitorList.tsx b/src/app/student/exhibitors/_components/ExhibitorList.tsx
@@ -48,7 +48,7 @@ export function ExhibitorList({
 					total={exhibitors.length}
 				/>
 			</Suspense>
-			<div className="mt-10 flex flex-wrap gap-4">
+			<div className="mt-10 flex flex-wrap justify-center gap-4">
 				{filteredExhibitors.map(exhibitor => (
 					<ExhibitorCard key={exhibitor.id} year={year} exhibitor={exhibitor} />
 				))}