add: edits for tickets section layout

gdgbari · Sep 17, 2024 · 70a907b · 70a907b
1 parent 466a5a8
commit 70a907b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Home/Jumbo.astro b/src/components/Home/Jumbo.astro
@@ -23,7 +23,7 @@ const t = useTranslations(lang);
       </p>
       <p class="text-3xl md:text-4xl font-semibold">{t("info.locationName")}</p>
       <div class="mt-12 flex gap-4 justify-center flex-col md:flex-row">
-        <a class="btn-content text-xl" href="#tickets"
+        <a class="btn-content text-xl" target="_blank" href={WebsiteConfig.DEVFEST_EVENT_LINK}
           >{t("hero.ticketsAvailable")}</a
         >
       </div>

diff --git a/src/components/Home/TicketSection.astro b/src/components/Home/TicketSection.astro
@@ -6,7 +6,7 @@ const lang = getLangFromUrl(Astro.url);
 const t = useTranslations(lang);
 ---
 
-<div  class="relative main-container px-4 flex md:flex-row flex-col pb-14 pt-12">
+<div  class="relative main-container xl:px-4 px-3 flex md:flex-row flex-col-reverse pb-14 pt-12">
    <div class="absolute top-[-100px]" id="tickets"></div>
 
     <div class="flex-1 flex flex-col justify-start items-start text-white text-2xl text-start">
@@ -17,9 +17,9 @@ const t = useTranslations(lang);
     </p>
         <slot name="ticket-desc" />
     </div>
-
-    <div class="flex-1 flex mt-14 md:mt-0 justify-center md:justify-end items-center ">
-        <div class="card px-10 py-8 items-stretch text-center bg-white ">
+    <div class="mt-14" />
+    <div class="flex-1 flex md:mt-0 justify-center md:justify-end items-center">
+        <div class="card md:w-fit w-full px-10 mx-3 py-8 items-stretch text-center bg-white ">
             <p class="text-3xl font-medium">{t('ticket.title')}</p>
             <p class="text-6xl font-bold my-8 text-red">{t('ticket.free')}</p>