set card height, increase border width

bcgov · Dec 11, 2023 · 1c02935 · 1c02935
1 parent 17e5971
commit 1c02935
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 11 deletions.
diff --git a/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx b/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
@@ -42,6 +42,7 @@ const CardBody = ({ workplan }: CardProps) => {
       sx={{
         backgroundColor: Palette.white,
         padding: "16px 24px",
+        height: "313px",
       }}
       gap={1}
     >
@@ -65,13 +66,7 @@ const CardBody = ({ workplan }: CardProps) => {
           </ETCaption1>
         </Grid>
       </Grid>
-      <Grid
-        item
-        container
-        direction="row"
-        spacing={1}
-        sx={{ paddingBottom: "8px" }}
-      >
+      <Grid item container direction="row" spacing={1}>
         <When condition={"phase_info" in workplan}>
           <Grid item container sx={{ marginTop: "2px" }} xs={1}>
             <DotIcon fill={phase_color} />

diff --git a/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx b/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
@@ -27,6 +27,7 @@ const CardFooter = ({ workplan }: CardProps) => {
         borderTop: `1px solid var(--neutral-background-dark, #DBDCDC)`,
         padding: "16px 32px",
         alignItems: "center",
+        height: "80px",
       }}
     >
       <Grid item>

diff --git a/epictrack-web/src/components/myWorkplans/Card/CardHeader.tsx b/epictrack-web/src/components/myWorkplans/Card/CardHeader.tsx
@@ -1,6 +1,6 @@
-import { Grid, Typography } from "@mui/material";
+import { Grid } from "@mui/material";
 import { Palette } from "../../../styles/theme";
-import { ETCaption1, ETParagraph } from "../../shared";
+import { ETCaption1 } from "../../shared";
 import { CardProps } from "./type";
 
 const CardHeader = ({ workplan }: CardProps) => {
@@ -9,9 +9,10 @@ const CardHeader = ({ workplan }: CardProps) => {
       container
       sx={{
         backgroundColor: Palette.neutral.bg.light,
-        borderBottom: `1px solid var(--neutral-background-dark, #DBDCDC)`,
+        borderBottom: `2px solid var(--neutral-background-dark, #DBDCDC)`,
         padding: "12px 24px",
         alignItems: "center",
+        height: "48px",
       }}
       justifyContent="space-between"
     >

diff --git a/epictrack-web/src/components/myWorkplans/Card/index.tsx b/epictrack-web/src/components/myWorkplans/Card/index.tsx
@@ -10,7 +10,7 @@ const Card = ({ workplan }: CardProps) => {
     <Box
       sx={{
         maxWidth: "516px",
-        border: `1px solid var(--neutral-background-dark, ${Palette.neutral.bg.dark})`,
+        border: `2px solid var(--neutral-background-dark, ${Palette.neutral.bg.dark})`,
         borderRadius: "4px 4px 4px 4px",
       }}
     >