Update css for charity logos in campaign card. (#427)

Giving-Coupons · Nov 7, 2022 · 1e6fc64 · 1e6fc64
2 parents 7d0bd87 + cb254db
commit 1e6fc64
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/frontend/styles/components/campaigns/list/CampaignListCardStyles.ts b/frontend/styles/components/campaigns/list/CampaignListCardStyles.ts
@@ -19,6 +19,7 @@ export const descriptionContainerSx: SxProps = {
 };
 
 export const charityLogoSx: SxProps = {
+  objectFit: 'contain',
   width: '80%',
   aspectRatio: '1 / 1',
 };

diff --git a/frontend/styles/components/charities/CampaignCharityAccordionCardStyles.ts b/frontend/styles/components/charities/CampaignCharityAccordionCardStyles.ts
@@ -20,6 +20,7 @@ export const graphSx: SxProps = {
 };
 
 export const charityLogoSx: SxProps = {
+  objectFit: 'contain',
   margin: 1,
   maxHeight: '40px',
   minHeight: '40px',

diff --git a/frontend/styles/components/charities/CampaignCharityCardStyles.ts b/frontend/styles/components/charities/CampaignCharityCardStyles.ts
@@ -20,6 +20,7 @@ export const graphSx: SxProps = {
 };
 
 export const charityLogoSx: SxProps = {
+  objectFit: 'contain',
   margin: 1,
   maxHeight: '40px',
   minHeight: '40px',

diff --git a/frontend/styles/components/redeem/ReceiptStyles.ts b/frontend/styles/components/redeem/ReceiptStyles.ts
@@ -11,6 +11,7 @@ export const headerSx: SxProps = {
 };
 
 export const imageSx: SxProps = {
+  objectFit: 'contain',
   padding: '10px',
   borderRadius: '15px',
   minHeight: '40px',