refine outfit thumbnail card styles

2021-01-04 08:39:15 +00:00 · 2021-01-04 08:39:15 +00:00 · be7de27c5c
commit be7de27c5c
parent b01feba038
1 changed files with 10 additions and 1 deletions
--- a/src/app/UserOutfitsPage.js
+++ b/src/app/UserOutfitsPage.js
@ -102,8 +102,17 @@ function OutfitCard({ outfit }) {
      borderRadius="md"
      padding="3"
      width="calc(150px + 2em)"
+      backgroundColor="white"
    >
-      <Box as="img" src={thumbnailUrl} width={150} height={150} />
+      <Box
+        as="img"
+        src={thumbnailUrl}
+        width={150}
+        height={150}
+        marginBottom="2"
+        borderRadius="md"
+        background="gray.700"
+      />
      <Box>{outfit.name}</Box>
    </Flex>
  );