Merge pull request #13 from nekko-lab/timeline-description

Timeline description
nekko-lab · Nov 24, 2024 · 9679762 · 9679762
2 parents 4b0f49c + 1345f5a
commit 9679762
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 19 deletions.
diff --git a/src/components/data.ts b/src/components/data.ts
@@ -3,28 +3,28 @@ import type { DjEvent } from "./timeTable";
 
 export const TimeLine: Array<Array<DjEvent>> = [
   [
-    { time: "10:30", dj: "kaigara" },
-    { time: "11:20", dj: "flight" },
-    { time: "12:10", dj: "cyokozai" },
-    { time: "14:00", dj: "flight" },
-    { time: "14:50", dj: "cyokozai" },
-    { time: "15:30", dj: "kaigara" },
+    { time: "10:30", dj: "kaigara Project SEKAI" },
+    { time: "11:20", dj: "flight Orangestar DJ" },
+    { time: "12:10", dj: "cyokozai House" },
+    { time: "14:00", dj: "flight flightDJ" },
+    { time: "14:50", dj: "cyokozai Sakanaction" },
+    { time: "15:30", dj: "kaigara VOCALOID" },
   ],
   [
-    { time: "10:30", dj: "flight" },
-    { time: "13:00", dj: "cyokozai" },
-    { time: "14:00", dj: "kaigara" },
-    { time: "14:40", dj: "cyokozai" },
-    { time: "15:30", dj: "kaigara" },
-    { time: "16:20", dj: "flight" },
+    { time: "10:30", dj: "flight flightDJ" },
+    { time: "13:00", dj: "cyokozai Sakanaction" },
+    { time: "14:00", dj: "kaigara VOCALOID" },
+    { time: "14:40", dj: "cyokozai House" },
+    { time: "15:30", dj: "kaigara Project SEKAI" },
+    { time: "16:20", dj: "flight Orangestar DJ" },
   ],
   [
-    { time: "10:30", dj: "kaigara" },
-    { time: "11:20", dj: "flight" },
-    { time: "12:10", dj: "cyokozai" },
-    { time: "14:00", dj: "kaigara" },
-    { time: "14:50", dj: "flight" },
-    { time: "15:30", dj: "cyokozai" },
+    { time: "10:30", dj: "kaigara Project SEKAI" },
+    { time: "11:20", dj: "flight add DJ" },
+    { time: "12:10", dj: "cyokozai Sakanaction" },
+    { time: "14:00", dj: "kaigara VOCALOID" },
+    { time: "14:50", dj: "flight Orangestar DJ" },
+    { time: "15:30", dj: "cyokozai House" },
   ],
 ];
 

diff --git a/src/components/timeTable.tsx b/src/components/timeTable.tsx
@@ -43,6 +43,7 @@ export const TimeTable = component$(({ events, header }: Timeline) => {
         class={css({
           opacity: 0,
           transform: "translateX(-10px)",
+          marginTop: 5,
         })}
         onQVisible$={(e) => {
           animate(
@@ -95,7 +96,13 @@ export const TimeTable = component$(({ events, header }: Timeline) => {
                   })}
                 ></span>
               </div>
-              <span>{e.dj}</span>
+              <span
+                class={css({
+                  whiteSpace: "nowrap",
+                })}
+              >
+                {e.dj}
+              </span>
             </div>
           );
         })}