fixup banner

SU-SWS · May 8, 2024 · 16f0900 · 16f0900
1 parent be9acfe
commit 16f0900
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/nodes/pages/summer-course/summer-course-page.tsx b/src/components/nodes/pages/summer-course/summer-course-page.tsx
@@ -40,8 +40,8 @@ const SummerCoursePage = ({ node, ...props }: Props) => {
           </div>
         </div>
       </ArchBanner>
-      <div className="centered my-32 grid grid-cols-12 gap-10">
-        <div className="order-2 col-span-12 md:col-span-8">
+      <div className="centered my-32 grid grid-cols-12 gap-10 z-10 relative">
+        <div className="order-2 col-span-12 lg:col-span-8">
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-10 rs-mb-4">
             {node.sumCourseImage &&
               <div className="relative aspect-w-1 aspect-h-1">
@@ -98,7 +98,7 @@ const SummerCoursePage = ({ node, ...props }: Props) => {
             }
           </div>
         </div>
-        <div className="order-1 col-span-12 md:col-span-4">
+        <div className="order-1 col-span-12 lg:col-span-4">
           {/* Favorite List */}
           <H3>Favorites List</H3>
         </div>

diff --git a/src/components/patterns/arch-banner.tsx b/src/components/patterns/arch-banner.tsx
@@ -28,7 +28,7 @@ const ArchBanner = ({imageUrl, imageAlt, eagerLoadImage, isSection, children, ..
   return (
     <BannerWrapper
       {...props}
-      className={twMerge("@container md:min-h-[400px]", props.className)}
+      className={twMerge("@container md:min-h-[400px] z-0 relative mb-[-10%] lg:mb-[-20%] 2xl:mb-[-30%]", props.className)}
     >
       <div className="aspect-[16/9] @6xl:aspect-auto absolute @6xl:absolute w-full @6xl:h-full bg-cool-grey">
         {imageUrl &&
@@ -44,7 +44,7 @@ const ArchBanner = ({imageUrl, imageAlt, eagerLoadImage, isSection, children, ..
       </div>
 
       {children &&
-        <div className="aspect-[2/1] w-screen relative flex flex-col items-center rounded-t-full bg-white border-t border-archway-light pt-[20%] rs-mt-8">
+        <div className="w-[120%] left-[-10%] aspect-[2/1] box-border relative flex flex-col items-center rounded-t-full bg-white border-t border-archway-light pt-[20%] rs-mt-8">
           {children}
         </div>
       }