fix: visual and button cannot press

sitcon-tw · Jun 22, 2024 · 5b57670 · 5b57670
1 parent 66d231a
commit 5b57670
Show file tree

Hide file tree

Showing 7 changed files with 39 additions and 16 deletions.
diff --git a/components/Records.tsx b/components/Records.tsx
@@ -101,7 +101,7 @@ export default function Records() {
   //   "./images/53111604048_911606f8a9_c.jpg",
   // ];
   return (
-    <div className="bg-[#0E1826] -z-50 relative pt-[5rem]">
+    <div className="bg-[#0E1826] relative pt-[5rem]">
       <div className="flex py-8">
         <div className="flex items-center gap-2 mx-auto text-3xl font-bold text-center">
           <h1 className="text-2xl text-center text-[#ffffff]">過往紀錄與回饋</h1>
@@ -118,7 +118,7 @@ export default function Records() {
         initial={{ opacity: 0 }}
         whileInView={{ opacity: 1 }}
         exit={{ opacity: 0 }}
-        className="flex items-center justify-center w-full gap-4 my-4 pb-[2rem]"
+        className="flex items-center justify-center w-full gap-4 my-4 pb-[2rem] z-[9999999]"
       >
         <Button
           href="https://www.youtube.com/watch?v=oAtiOrpj6DQ"

diff --git a/components/TimeTable.tsx b/components/TimeTable.tsx
@@ -374,8 +374,7 @@ export default function TimeTable() {
               </div>
 
               <div
-                className={`mt-4 ${sessionMessage.speakers.length < 1 ? "hidden" : ""
-                  }`}
+                className={`mt-4 ${sessionMessage.speakers.length < 1 ? "hidden" : ""}`}
               >
                 {sessionMessage.speakers
                   .map((item: any) =>

diff --git a/components/Visual.tsx b/components/Visual.tsx
@@ -22,8 +22,8 @@ export default function Visual() {
               bottom: 0,
             }}
             dragElastic={0.2}
-            className="lg:absolute w-auto max-h-full lg:top-[10rem] lg:h-[60%] lg:left-[5rem]"
-            src="/2024/visual/cat-and-text.png"
+            className="absolute w-auto max-h-full lg:top-[10rem] lg:h-[60%] lg:left-[5rem] max-lg:h-[55%] max-lg:top-[8rem] max-lg:left-0"
+            src="/2024/visual/visual-cat.png"
             alt="cat and text"
           />
         </div>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -11,16 +11,14 @@ import Sponsor from "@/components/Sponsor";
 export default function Home() {
   return (
     <>
-      <div>
-        <Visual />
-        <Intro />
-        <Events />
-        <Records />
-        <Reports />
-        <ApplicationInfo />
-        {/* <About /> */}
-        <Sponsor />
-      </div>
+      <Visual />
+      <Intro />
+      <Events />
+      <Records />
+      <Reports />
+      <ApplicationInfo />
+      {/* <About /> */}
+      <Sponsor />
     </>
   );
 }
diff --git a/pages/money/index.tsx b/pages/money/index.tsx
@@ -0,0 +1,10 @@
+export default function Money() {
+  return (
+    <div className="bg-[#0C1420] h-[calc(100dvh-13rem)] pt-[10rem] p-8">
+      <div className="flex w-full">
+        <h1 className="w-auto mx-auto text-4xl text-center text-white lg:text-5xl">Get Some Money?</h1>
+      </div>
+
+    </div>
+  );
+}
diff --git a/public/visual/visual-cat.png b/public/visual/visual-cat.png
diff --git a/styles/globals.css b/styles/globals.css
@@ -37,3 +37,19 @@ a.slide:hover {
 *::-webkit-scrollbar {
   width: 0;
 }
+
+.rainbow-text {
+  background-image: linear-gradient(
+    to left,
+    violet,
+    indigo,
+    blue,
+    green,
+    yellow,
+    orange,
+    red
+  );
+  color: transparent;
+  background-clip: text;
+  -webkit-background-clip: text;
+}