fix: Card height (#2869)

parti-renaissance · Feb 1, 2024 · bac85ca · bac85ca
1 parent 94b6ef8
commit bac85ca
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/src/components/Dashboard/Charts/SentEmailCampaigns/SentEmailCampaigns.jsx b/src/components/Dashboard/Charts/SentEmailCampaigns/SentEmailCampaigns.jsx
@@ -87,7 +87,7 @@ const SentEmailCampaigns = ({ isMailsStatutory = false }) => {
           {campaigns.map(message => (
             <Grid item key={message.id} xs={12} sm={6} md={3} lg={3} xl={3} data-cy="email-campaign-card">
               <UICard
-                rootProps={{ sx: { height: '210px', justifyContent: 'space-between' } }}
+                rootProps={{ sx: { height: '100%', justifyContent: 'space-between' } }}
                 headerProps={{ sx: { pt: '21px' } }}
                 header={
                   <>

diff --git a/src/components/Phoning/Campaign/CampaignItem.jsx b/src/components/Phoning/Campaign/CampaignItem.jsx
@@ -58,7 +58,7 @@ const CampaignItem = ({
   return (
     <Grid item xs={12} sm={6} md={3}>
       <UICard
-        rootProps={{ sx: { height: '280px' } }}
+        rootProps={{ sx: { height: '100%' } }}
         headerProps={{ sx: { pt: '21px' } }}
         header={
           <>

diff --git a/src/ui/Card/Card.jsx b/src/ui/Card/Card.jsx
@@ -29,7 +29,20 @@ const UICard = ({
 }) => (
   <StyledCard {...rootProps} data-cy="ui-card">
     {header && <CardContent {...headerProps}>{header}</CardContent>}
-    {content && <CardContent {...contentProps}>{content}</CardContent>}
+    {content && (
+      <CardContent
+        sx={
+          header
+            ? {
+                pt: '0',
+              }
+            : {}
+        }
+        {...contentProps}
+      >
+        {content}
+      </CardContent>
+    )}
     {actions && <StyledActions {...actionsProps}>{actions}</StyledActions>}
   </StyledCard>
 )