Make all page breakpoints 767px

davepagurek · davepagurek · commit 50874492071b · 2024-07-05T19:14:01.000-04:00
diff --git a/src/components/CodeEmbed/index.jsx b/src/components/CodeEmbed/index.jsx
@@ -34,7 +34,7 @@ export const CodeEmbed = (props) => {
     initialCode.replace(/\u00A0/g, " "),
   );
 
-  const largeSketch = props.previewWidth && props.previewWidth > 650;
+  const largeSketch = props.previewWidth && props.previewWidth > 767 - 60;
 
   const codeFrameRef = useRef(null);
 
diff --git a/src/layouts/EventLayout.astro b/src/layouts/EventLayout.astro
@@ -46,7 +46,7 @@ const relatedEvents =
   {
     entry.data.featuredImage && entry.data.featuredImageAlt && (
       <Image
-        containerClass="relative h-fit w-fit max-w-[750px]"
+        containerClass="relative h-fit w-fit max-w-[767px]"
         src={entry.data.featuredImage}
         alt={entry.data.featuredImageAlt}
       />
diff --git a/src/layouts/ExampleLayout.astro b/src/layouts/ExampleLayout.astro
@@ -59,7 +59,7 @@ const { Content } = await example.render();
   topic="examples"
   className="example"
 >
-  <div class="mt-xl mb-4xl lg:mb-3xl max-w-[750px]">
+  <div class="mt-xl mb-4xl lg:mb-3xl max-w-[767px]">
     <div class="rendered-markdown">
       <Content />
     </div>
diff --git a/src/layouts/PeopleLayout.astro b/src/layouts/PeopleLayout.astro
@@ -58,7 +58,7 @@ setJumpToState(null);
 <Head title={"People"} locale={currentLocale} />
 
 <BaseLayout title={title} variant="item" topic="about" className="about">
-  <h3 class="mb-xl max-w-[750px]">
+  <h3 class="mb-xl max-w-[767px]">
     {t("peoplePage", "PageDescription")}
   </h3>
   {
diff --git a/src/layouts/ReferenceItemLayout.astro b/src/layouts/ReferenceItemLayout.astro
@@ -85,7 +85,7 @@ const seenParams: Record<string, true> = {};
   topic="reference"
   className="reference-item"
 >
-  <div class="content-grid mt-0 max-w-[750px]">
+  <div class="content-grid mt-0 max-w-[767px]">
     <div class="col-span-9 xl:min-w-[1000px]">
       <div
         set:html={description}
diff --git a/src/layouts/TextDetailLayout.astro b/src/layouts/TextDetailLayout.astro
@@ -30,7 +30,7 @@ setJumpToState(null);
   className={pageTopic}
   subtitle={null}
 >
-  <div class="max-w-[750px] [&>*:first-child]:mt-0 rendered-markdown pb-[80px]">
+  <div class="max-w-[767px] [&>*:first-child]:mt-0 rendered-markdown pb-[80px]">
     <Content />
   </div>
 </BaseLayout>

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@ const relatedEvents =`
`46`	`46`	`{`
`47`	`47`	`entry.data.featuredImage && entry.data.featuredImageAlt && (`
`48`	`48`	`<Image`
`49`		`- containerClass="relative h-fit w-fit max-w-[750px]"`
	`49`	`+ containerClass="relative h-fit w-fit max-w-[767px]"`
`50`	`50`	`src={entry.data.featuredImage}`
`51`	`51`	`alt={entry.data.featuredImageAlt}`
`52`	`52`	`/>`
Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ const { Content } = await example.render();`
`59`	`59`	`topic="examples"`
`60`	`60`	`className="example"`
`61`	`61`	`>`
`62`		`- <div class="mt-xl mb-4xl lg:mb-3xl max-w-[750px]">`
	`62`	`+ <div class="mt-xl mb-4xl lg:mb-3xl max-w-[767px]">`
`63`	`63`	`<div class="rendered-markdown">`
`64`	`64`	`<Content />`
`65`	`65`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ setJumpToState(null);`
`58`	`58`	`<Head title={"People"} locale={currentLocale} />`
`59`	`59`
`60`	`60`	`<BaseLayout title={title} variant="item" topic="about" className="about">`
`61`		`- <h3 class="mb-xl max-w-[750px]">`
	`61`	`+ <h3 class="mb-xl max-w-[767px]">`
`62`	`62`	`{t("peoplePage", "PageDescription")}`
`63`	`63`	`</h3>`
`64`	`64`	`{`
Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ const seenParams: Record<string, true> = {};`
`85`	`85`	`topic="reference"`
`86`	`86`	`className="reference-item"`
`87`	`87`	`>`
`88`		`- <div class="content-grid mt-0 max-w-[750px]">`
	`88`	`+ <div class="content-grid mt-0 max-w-[767px]">`
`89`	`89`	`<div class="col-span-9 xl:min-w-[1000px]">`
`90`	`90`	`<div`
`91`	`91`	`set:html={description}`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ setJumpToState(null);`
`30`	`30`	`className={pageTopic}`
`31`	`31`	`subtitle={null}`
`32`	`32`	`>`
`33`		`- <div class="max-w-[750px] [&>*:first-child]:mt-0 rendered-markdown pb-[80px]">`
	`33`	`+ <div class="max-w-[767px] [&>*:first-child]:mt-0 rendered-markdown pb-[80px]">`
`34`	`34`	`<Content />`
`35`	`35`	`</div>`
`36`	`36`	`</BaseLayout>`