fix: add calendar button to mobile layout

sitcon-tw · Dec 8, 2024 · f7fcc0e · f7fcc0e
1 parent b39cbb1
commit f7fcc0e
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 deletions.
diff --git a/app/cfp/(submission)/normal/page.tsx b/app/cfp/(submission)/normal/page.tsx
@@ -207,8 +207,16 @@ export default function Page() {
           id="important-dates"
           className="my-4 -mt-[60px] space-y-4 pt-[80px] md:mb-16"
         >
-          <h2 className="text-h2-mobile font-extrabold text-primary md:text-h2">
+          <h2 className="flex items-center text-h2-mobile font-extrabold text-primary max-md:flex md:text-h2">
             重要時程
+            <Link
+              href={"/cfp/deadline.ics"}
+              className="flex items-center justify-center"
+            >
+              <button className="ml-2 rounded-lg bg-background-light px-3 py-1 text-sm font-normal text-foreground">
+                加入行事曆
+              </button>
+            </Link>
           </h2>
           <Timeline isPoster={false} />
         </section>

diff --git a/app/cfp/(submission)/poster/page.tsx b/app/cfp/(submission)/poster/page.tsx
@@ -66,8 +66,16 @@ export default function Page() {
           id="important-dates"
           className="my-4 -mt-[60px] space-y-4 pt-[80px] md:mb-16"
         >
-          <h2 className="text-h2-mobile font-extrabold text-primary md:text-h2">
+          <h2 className="flex items-center text-h2-mobile font-extrabold text-primary max-md:flex md:text-h2">
             重要時程
+            <Link
+              href={"/cfp/deadline.ics"}
+              className="flex items-center justify-center"
+            >
+              <button className="ml-2 rounded-lg bg-background-light px-3 py-1 text-sm font-normal text-foreground">
+                加入行事曆
+              </button>
+            </Link>
           </h2>
           <Timeline isPoster />
         </section>

diff --git a/app/cfp/(submission)/undefined/page.tsx b/app/cfp/(submission)/undefined/page.tsx
@@ -70,8 +70,16 @@ export default function Page() {
           id="important-dates"
           className="my-4 -mt-[60px] space-y-4 pt-[80px] md:mb-16"
         >
-          <h2 className="text-h2-mobile font-extrabold text-primary md:text-h2">
+          <h2 className="flex items-center text-h2-mobile font-extrabold text-primary max-md:flex md:text-h2">
             重要時程
+            <Link
+              href={"/cfp/deadline.ics"}
+              className="flex items-center justify-center"
+            >
+              <button className="ml-2 rounded-lg bg-background-light px-3 py-1 text-sm font-normal text-foreground">
+                加入行事曆
+              </button>
+            </Link>
           </h2>
           <Timeline isPoster={false} />
         </section>