Apply responsive size for cards and images

2022-01-09 20:29:37 +09:00
parent 793f2b0e6a
commit 584af953ca
6 changed files with 16 additions and 16 deletions
@@ -21,7 +21,7 @@ const ElfCard = ({ elf }: ElfCardProps) => {
      sx={{
        m: 2,
        p: 2,
-        width: [140, 160],
+        width: [120],
        '&.hiden': {
          display: 'none',
        },
@@ -31,7 +31,7 @@ const ElfCard = ({ elf }: ElfCardProps) => {
        <SquareImageBox
          alt={elfName}
          src={`/assets/honkai3rd/elfs/icon-${elf.id}.png`}
-          size={[120, 140]}
+          size={[100]}
        />
        <Box
          sx={{