From 6ca3ce731b25b5d28b0d70ee9ffd78c8f9cd1f87 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 24 Nov 2024 20:39:21 -0600
Subject: [PATCH] feat: larger gallery skeletons

---
 packages/website/src/components/Gallery/List.tsx               | 2 +-
 packages/website/src/components/PageWrapper.tsx                | 1 +
 packages/website/src/components/Tankopedia/CalloutsSection.tsx | 2 +-
 packages/website/src/pages/tools/gallery/_index.tsx            | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/website/src/components/Gallery/List.tsx b/packages/website/src/components/Gallery/List.tsx
index 664b77dad..c2d173297 100644
--- a/packages/website/src/components/Gallery/List.tsx
+++ b/packages/website/src/components/Gallery/List.tsx
@@ -15,7 +15,7 @@ export interface Avatar {
 }
 
 const DEFAULT_LOADED = 42;
-const PREVIEW_COUNT = 14;
+const PREVIEW_COUNT = 28;
 
 export function GalleryList({ avatars }: GalleryListProps) {
   const search = GalleryEphemeral.use((state) => state.search);
diff --git a/packages/website/src/components/PageWrapper.tsx b/packages/website/src/components/PageWrapper.tsx
index 001015208..28e94a676 100644
--- a/packages/website/src/components/PageWrapper.tsx
+++ b/packages/website/src/components/PageWrapper.tsx
@@ -41,6 +41,7 @@ export function PageWrapper({
         gap="4"
         p={padding}
         width="100%"
+        maxWidth={noMaxWidth ? undefined : '50rem'}
         style={{
           margin: 'auto',
           boxSizing: 'border-box',
diff --git a/packages/website/src/components/Tankopedia/CalloutsSection.tsx b/packages/website/src/components/Tankopedia/CalloutsSection.tsx
index 23ab22735..b6d34ada9 100644
--- a/packages/website/src/components/Tankopedia/CalloutsSection.tsx
+++ b/packages/website/src/components/Tankopedia/CalloutsSection.tsx
@@ -28,7 +28,7 @@ export function CalloutsSection() {
 
   return (
     <Flex direction="column" align="center" gap="2" mb="4">
-      <AesonPlug />
+      {promoteAeson && <AesonPlug />}
 
       {tank.deprecated && (
         <Callout.Root color="red">
diff --git a/packages/website/src/pages/tools/gallery/_index.tsx b/packages/website/src/pages/tools/gallery/_index.tsx
index f29611bfe..b2f6bb97f 100644
--- a/packages/website/src/pages/tools/gallery/_index.tsx
+++ b/packages/website/src/pages/tools/gallery/_index.tsx
@@ -12,7 +12,7 @@ interface PageProps {
 
 export function Page({ avatars, lastUpdated }: PageProps) {
   return (
-    <PageWrapper color="gold">
+    <PageWrapper maxWidth="80rem" color="gold">
       <Flex justify="center">
         <Callout.Root size="1">
           <Callout.Icon>