hotfix: event comic and banner

aura-nw · Jun 26, 2024 · e0ff243 · e0ff243
1 parent 20e993f
commit e0ff243
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/src/components/pages/homepage/comicEvent.tsx b/src/components/pages/homepage/comicEvent.tsx
@@ -28,7 +28,7 @@ export default function ComicEvent(props: IComic) {
             <div className='w-full aspect-[16/23] rounded overflow-hidden group'>
                 <Link
                     href={`/comic/${props.slug}`}
-                    className={`relative w-full h-full aspect-[160/230] mx-auto ${props.status.text == 'Upcoming' ? 'pointer-events-none' : 'pointer-events-auto'}`}
+                    className={`relative xl:hidden w-full h-full aspect-[160/230] mx-auto ${props.status.text == 'Upcoming' ? 'pointer-events-none' : 'pointer-events-auto'}`}
                 >
                     <div className='block h-full'>
                         <Image
@@ -95,8 +95,6 @@ export default function ComicEvent(props: IComic) {
                             }}>{props[locale].description}
                             </div>
                         </div>
-                        <div>
-                        </div>
                     </div>
                 </Link>
                 <Link
@@ -168,9 +166,6 @@ export default function ComicEvent(props: IComic) {
                             }}>{props[locale].description}
                             </div>
                         </div>
-                        <div>
-
-                        </div>
                     </div>
                 </Link>
             </div>

diff --git a/src/components/pages/homepage/slideSection.tsx b/src/components/pages/homepage/slideSection.tsx
@@ -24,8 +24,9 @@ export default function SlideSection({ sliderNavRef }) {
   const { locale } = useRouter()
   return (
     <>
-      <div className='relative w-full rounded-2xl overflow-hidden hidden md:block'>
-        {/* <Carousel sliderNavRef={sliderNavRef} className=''>
+      <div className='flex flex-col-reverse gap-5'>
+        <div className='relative w-full rounded-2xl overflow-hidden hidden md:block'>
+          {/* <Carousel sliderNavRef={sliderNavRef} className=''>
           {[...list.slice(1), list[0]].map((data, index) => (
             <div key={index} className='outline-none [&_*]:outline-none'>
               <Link href={data.comic.href} className='relative'>
@@ -40,17 +41,19 @@ export default function SlideSection({ sliderNavRef }) {
             </div>
           ))}
         </Carousel> */}
-        <Link href='/campaigns'>
-          <Image src={locale == 'vn' ? Event : BannerEn} alt='' className='rounded-[10px] w-full aspect-[40/15] object-cover' />
-        </Link>
-      </div>
-      <div className='px-5 md:px-0'>
-        <div className='mt-5 rounded-2xl flex flex-col gap-[10px]'>
           <Link
             href='https://docs.google.com/forms/d/e/1FAIpQLSelARRDM8YVrEHRycSfpA1J95_f2PmrvSRqXGVSKXusXla-5A/viewform'
             target='_blank'>
-            <Image src={Banner} alt='' className='rounded-[10px] w-full aspect-[40/15] object-cover' />
+            <Image src={Banner} alt='' className='rounded-2xl w-full aspect-[40/15] object-cover' />
           </Link>
+
+        </div>
+        <div className='px-5 md:px-0 mt-5 md:mt-0'>
+          <div className='flex flex-col gap-[10px]'>
+            <Link href='/campaigns'>
+              <Image src={locale == 'vn' ? Event : BannerEn} alt='' className='rounded-2xl w-full aspect-[40/15] object-cover' />
+            </Link>
+          </div>
         </div>
       </div>
     </>