better height

tobyab · tobyab · commit 827a6c273678 · 2024-01-26T19:29:22.000Z
diff --git a/components/slack/project.js b/components/slack/project.js
@@ -19,10 +19,11 @@ export default function Project({ title, description, color, img, itemId }) {
         color: 'white',
         overflow: 'clip',
         width: ['100vw', '50rem', '70rem'],
-        height: '100%',
+        height: '50vh',
         transition: '700ms cubic-bezier(0.075, 0.02, 0.165, 1)',
         transformOrigin: 'center',
-        mx: 16
+        mx: 16,
+        ml: `${itemId === 0 && 'calc(50vw - 35rem)'}`
       }}
       itemId={itemId}
     >
diff --git a/pages/slack.js b/pages/slack.js
@@ -87,7 +87,7 @@ const SlackPage = () => {
         onMouseEnter={disableScroll}
         onMouseLeave={enableScroll}
       >
-        <Box sx={{ ml: ['2vw', '25vw'] }}>
+        <Box>
           <ScrollMenu Footer={Arrows} onWheel={onWheel}>
             {projects.map(project => (
               <Project

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@ const SlackPage = () => {`
`87`	`87`	`onMouseEnter={disableScroll}`
`88`	`88`	`onMouseLeave={enableScroll}`
`89`	`89`	`>`
`90`		`- <Box sx={{ ml: ['2vw', '25vw'] }}>`
	`90`	`+ <Box>`
`91`	`91`	`<ScrollMenu Footer={Arrows} onWheel={onWheel}>`
`92`	`92`	`{projects.map(project => (`
`93`	`93`	`<Project`