SUM-262 SUM-264 SUM-266: fixes to the 4px white border

SU-SWS · Dec 16, 2024 · 2758629 · 2758629
1 parent 3fb0bca
commit 2758629
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/global/page-header.tsx b/src/components/global/page-header.tsx
@@ -29,7 +29,7 @@ const PageHeader = async () => {
         </div>
       </div>
       <GlobalMessage />
-      <div className="relative bg-fog-light">
+      <div className="relative border-4 border-white bg-fog-light">
         <div className="w-full border-b-2 lg:border-b-0">
           <div className="min-h-50 rs-py-2 centered pr-24 lg:pr-0">
             <div className="flex w-full justify-between">

diff --git a/src/components/paragraphs/stanford-banner/banner-paragraph.tsx b/src/components/paragraphs/stanford-banner/banner-paragraph.tsx
@@ -33,7 +33,7 @@ const BannerParagraph = ({paragraph, eagerLoadImage, ...props}: Props) => {
     <BannerWrapper
       {...props}
       aria-labelledby={paragraph.suBannerHeader ? paragraph.id : undefined}
-      className="relative left-1/2 !mt-0 flex w-screen -translate-x-1/2 flex-col @container md:min-h-[400px] lg:block"
+      className="relative left-1/2 !mt-0 flex w-screen -translate-x-1/2 flex-col border-t-4 border-t-white @container md:min-h-[400px] lg:block"
     >
       {hasCard && (
         <div

diff --git a/src/components/paragraphs/sum-testimonial-banner/sum-testimonial-banner-paragraph.tsx b/src/components/paragraphs/sum-testimonial-banner/sum-testimonial-banner-paragraph.tsx
@@ -41,7 +41,7 @@ const SumTestimonialBannerParagraph = ({paragraph, ...props}: Props) => {
     <article
       {...props}
       className={twMerge(
-        "relative left-1/2 !mt-0 grid w-screen -translate-x-1/2 @container lg:grid-cols-3",
+        "relative left-1/2 !mt-0 grid w-screen -translate-x-1/2 border-t-4 border-t-white @container lg:grid-cols-3",
         props.className
       )}
       aria-labelledby={paragraph.id}