refactor: Update resources to look as a stack (#4631)

BrunoQuaresma · web-flow · commit 5d7d8c3a9a33 · 2022-10-18T15:52:47.000-04:00
diff --git a/site/src/components/Resources/ResourceCard.tsx b/site/src/components/Resources/ResourceCard.tsx
@@ -210,6 +210,17 @@ const useStyles = makeStyles((theme) => ({
     background: theme.palette.background.paper,
     borderRadius: theme.shape.borderRadius,
     border: `1px solid ${theme.palette.divider}`,
+
+    "&:not(:first-child)": {
+      borderTop: 0,
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+    },
+
+    "&:not(:last-child)": {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0,
+    },
   },
 
   resourceCardProfile: {
diff --git a/site/src/components/Resources/Resources.tsx b/site/src/components/Resources/Resources.tsx
@@ -54,7 +54,7 @@ export const Resources: FC<React.PropsWithChildren<ResourcesProps>> = ({
   }
 
   return (
-    <Stack direction="column" spacing={1}>
+    <Stack direction="column" spacing={0}>
       {displayResources.map((resource) => {
         return (
           <ResourceCard

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ export const Resources: FC<React.PropsWithChildren<ResourcesProps>> = ({`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`return (`
`57`		`- <Stack direction="column" spacing={1}>`
	`57`	`+ <Stack direction="column" spacing={0}>`
`58`	`58`	`{displayResources.map((resource) => {`
`59`	`59`	`return (`
`60`	`60`	`<ResourceCard`