feat: shadows

src/app/tools/statistics/components/Day.tsx

@@ -68,49 +68,31 @@ export function Day({ offset }: DayProps) {
                 position: 'relative',
                 overflowY: 'hidden',
               }}
-            >
-              <Flex
-                align="center"
-                justify="center"
-                style={{
-                  position: 'absolute',
-                  width: 128,
-                  height: '200%',
-                  top: '-50%',
-                  left: 16,
-                }}
             >
               <img
                 src={tankIcon(tank.id)}
                 style={{
+                  position: 'absolute',
+                  width: 128 + 32,
+                  height: '200%',
+                  top: '-50%',
+                  left: 0,
+                  boxShadow: 'inset 128px 0 64px -64px #00000040',
                   objectFit: 'contain',
-                    objectPosition: 'left',
+                  objectPosition: '50% 50%',
                   overflow: 'hidden',
                 }}
               />
-              </Flex>
 
-              <Flex
-                style={{
-                  position: 'absolute',
-                  top: 0,
-                  left: 0,
-                  width: 128,
-                  height: '100%',
-                  paddingLeft: 32,
-                  background:
-                    'linear-gradient(90deg, #00000000, #00000060, #00000000)',
-                }}
-                align="center"
-              >
               <Text
                 style={{
+                  position: 'relative',
                   textWrap: 'nowrap',
+                  textShadow: 'black 0 0 4px',
                 }}
               >
                 {tank.name}
               </Text>
-              </Flex>
             </Table.RowHeaderCell>
             <Table.Cell align="right">{random(1, 10)}</Table.Cell>
             <Table.Cell align="right">