fix: filters

packages/scripts/src/buildAssets/blitzkitTankIcons.ts

@@ -6,12 +6,16 @@ import { commitAssets } from '../core/github/commitAssets';
 import { FileChange } from '../core/github/commitMultipleFiles';
 
 export async function blitzkitTankIcons() {
-  console.log('Building tank icons...');
+  console.log('Building blitzkit tank icons...');
+
+  console.log('Starting website dev server...');
 
   const child = exec('cd ../.. && bun dev:website');
   const browser = await launch();
   const page = await browser.newPage();
-  const tanks = Object.values((await fetchTankDefinitions()).tanks);
+  const tanks = Object.values((await fetchTankDefinitions()).tanks).filter(
+    ({ id }) => id === 24657,
+  );
   const files: FileChange[] = [];
 
   let index = 0;
@@ -23,6 +27,11 @@ export async function blitzkitTankIcons() {
     await page.goto(`http://localhost:4321/api/tankopedia/tank-icon/${id}/`, {
       waitUntil: 'networkidle0',
     });
+
+    if (index === 0) {
+      console.log('Dev server started!');
+    }
+
     const screenshot = await page.screenshot({
       type: 'webp',
       omitBackground: true,

packages/website/src/components/TankCard/index.css

@@ -23,10 +23,10 @@
 
 .tank-search-card .image {
   width: 100%;
-  height: 5rem;
+  height: 6rem;
   object-position: center right;
   object-fit: contain;
-  filter: brightness(1) drop-shadow(-1px -1px 4px black);
+  filter: brightness(1.25) drop-shadow(-1px -1px 4px black);
 }
 
 .tank-search-card .class-icon {

packages/website/src/pages/tools/tankopedia/_index.tsx

@@ -5,7 +5,7 @@ import { TankopediaPersistent } from '../../../stores/tankopediaPersistent';
 
 export function Page() {
   return (
-    <PageWrapper color="purple" maxWidth="64rem">
+    <PageWrapper color="purple" maxWidth="80rem">
       <TankopediaPersistent.Provider>
         <App.Provider>
           <TankSearch />