fix: setup 3d page with empty template

hetae · Jan 29, 2024 · 4c6fe52 · 4c6fe52
1 parent c1ea57d
commit 4c6fe52
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 35 deletions.
diff --git a/src/app/3d/gsapOptions.ts b/src/app/3d/gsapOptions.ts
@@ -1,6 +1,8 @@
 import { easingOptions, gsapOptionsTypeObj } from "../../types/gsapOption";
 
 export const gsapOptions: gsapOptionsTypeObj[] = [
+  // example url
+  // https://codepen.io/GreenSock/pen/AWQprN
   {
     type: "xFrom",
     min: -100,

diff --git a/src/app/3d/page.tsx b/src/app/3d/page.tsx
@@ -71,7 +71,8 @@ export default function Block() {
 
   return (
     <PlaygroundContainer>
-      <OptionsContainer>
+      Still in Progress
+      {/* <OptionsContainer>
         <Button onClick={() => setCounter(counter + 1)}>replay</Button>
         {gsapOptions.map((item) => {
           if (item.componentType === "select") {
@@ -98,7 +99,7 @@ export default function Block() {
               />
             );
         })}
-      </OptionsContainer>
+      </OptionsContainer> */}
       <IPhoneX>
         <InsideIPhone
           setIsCode={setIsCode}
@@ -119,39 +120,7 @@ export default function Block() {
           <div
             style={{
               width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
-              backgroundColor: "#a9d3f3",
-              borderRadius: "1rem",
-            }}
-          />
-          <div
-            style={{
-              width: "250px",
-              height: "70px",
+              height: "250px",
               backgroundColor: "#a9d3f3",
               borderRadius: "1rem",
             }}