chore: just the start

twilio-labs · Feb 14, 2024 · 1726d39 · 1726d39
1 parent 037cdc1
commit 1726d39
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/packages/paste-website/src/components/homepage/NewHomeHero.tsx b/packages/paste-website/src/components/homepage/NewHomeHero.tsx
@@ -12,17 +12,16 @@ import { ComponentShowcase } from "./component-showcase";
 const NewHomeHero = (): JSX.Element => {
   const theme = useTheme();
   return (
-    <Box element="HOME_HERO_WRAPPER">
+    <Box element="HOME_HERO">
       <Box
-        paddingX={["space90", "space180"]}
+        paddingX={["space0", "space90", "space180"]}
         position="relative"
         display="grid"
         gridTemplateColumns="600px min-content"
         maxWidth={SITE_CONTENT_MAX_WIDTH}
         marginLeft="auto"
         marginRight="auto"
         overflow="hidden"
-        element="HOME_HERO"
       >
         <Box
           display="flex"

diff --git a/packages/paste-website/src/components/homepage/component-showcase/index.tsx b/packages/paste-website/src/components/homepage/component-showcase/index.tsx
@@ -21,12 +21,7 @@ const ComponentShowcase: React.FC<React.PropsWithChildren> = () => {
       top="0"
       height="min-content"
       width="fit-content"
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      //  @ts-expect-error
-      borderBottomLeftRadius="32px"
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      //  @ts-expect-error
-      borderBottomRightRadius="32px"
+      borderRadius="borderRadius90"
       zIndex="zIndex10"
       element="COMPONENT_SHOWCASE"
     >

diff --git a/packages/paste-website/src/constants.ts b/packages/paste-website/src/constants.ts
@@ -3,7 +3,7 @@ export const TWILIO_BLUE = "#0D122B";
 export const PSA_ALERT_HEIGHT = 40;
 export const PASTE_THEME_ALERT_HEIGHT = 54;
 export const SITE_TOPBAR_HEIGHT = 77;
-export const SITE_BREAKPOINTS = ["768px", "1024px", "1220px", "1880px"];
+export const SITE_BREAKPOINTS = ["400px", "1024px", "1232px"];
 export const SITE_CONTENT_MAX_WIDTH = "1440px";
 
 // Used to 'bleed' sections together. GettingStarted+Popular