feat: shadows

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

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