updated events page & poster page

sitcon-tw · Mar 10, 2024 · 927095a · 927095a
1 parent f420b78
commit 927095a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/app/(website)/events/page.tsx b/app/(website)/events/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 import EventSection from "@/components/website/eventSection";
 import TableOfContent from "@/components/TableOfContent";
+import Link from "next/link";
 export default function Page() {
   return (
     <TableOfContent>
@@ -64,6 +65,14 @@ export default function Page() {
           "中午 11:35 左右開始，各海報的講者將會出現在海報旁邊和大家交流，可以對感興趣的海報進行提問，順便認識厲害的講者們。熱愛探索新知的你，千萬不能錯過這場學術派對的行列！",
         ]}
       />
+      <div className="-mt-16 mb-16 flex justify-end gap-4">
+        <Link
+          href="/poster/"
+          className="flex items-center justify-center gap-2 break-keep rounded-full bg-[#385AAC] p-4 py-1.5 text-xl font-bold text-[#F8F3E8] shadow-[0px_6px_6px_0px_#5D7DDB4D] hover:bg-[#304e96] active:bg-[#263d75] md:text-lg"
+        >
+          查看海報
+        </Link>
+      </div>
       <EventSection
         title="咖啡廳"
         backgroundImage="coffee.svg"

diff --git a/app/(website)/poster/page.tsx b/app/(website)/poster/page.tsx
@@ -12,8 +12,9 @@ export default function Page() {
       <div className="flex flex-col gap-4 md:gap-8">
         {posterData.map((poster, index) => (
           <div
-            className="relative items-center overflow-hidden rounded-2xl bg-white p-4 shadow-md"
+            className="relative scroll-m-[100px] items-center overflow-hidden rounded-2xl bg-white p-4 shadow-md"
             key={index}
+            id={`poster-${index}`}
           >
             <div className="flex flex-col lg:flex-row">
               <div className="w-full shrink-0 lg:w-[400px]">