From e25dfe8f028bec719f34b09473db398b70b16187 Mon Sep 17 00:00:00 2001
From: "DESKTOP-FUDKNA8\\znjsz" <tonystark@starkindustries.mil>
Date: Tue, 23 Jan 2024 16:49:29 +0800
Subject: [PATCH] 1

---
 src/components/HeadTime.vue |   5 +
 src/pages/3D.vue            | 238 ++++++++++++++++++++++++------------
 2 files changed, 164 insertions(+), 79 deletions(-)

diff --git a/src/components/HeadTime.vue b/src/components/HeadTime.vue
index bc18a65..74274cb 100644
--- a/src/components/HeadTime.vue
+++ b/src/components/HeadTime.vue
@@ -27,4 +27,9 @@ onMounted(() => {
   color: #69B4FF;
   line-height: 1;
 }
+
+:fullscreen .datetime {
+  right: 500px;
+
+}
 </style>
diff --git a/src/pages/3D.vue b/src/pages/3D.vue
index 19a5a04..9992bf3 100644
--- a/src/pages/3D.vue
+++ b/src/pages/3D.vue
@@ -624,7 +624,6 @@ watch(() => settings.fullscreen, val => {
   position: absolute;
   top: 0;
   left: 50%;
-  background: #cccc;
   width: 720px;
   height: 100%;
   transform: translateX(-58%);
@@ -763,8 +762,9 @@ watch(() => settings.fullscreen, val => {
 
 /* info 3  */
 .info-3 .info:nth-child(1) {
-  left: 500px;
-  bottom: 420px;
+  /* left: 500px;
+  bottom: 420px; */
+  top: 700px;
 }
 
 /* info 4  */
@@ -793,238 +793,318 @@ watch(() => settings.fullscreen, val => {
 .info-5 .info:nth-child(1) {
   /* left: 490px;
   bottom: 300px; */
+  top: 700px;
 }
 
 .info-5 .info:nth-child(2) {
   /* left: 740px;
   bottom: 280px; */
+  top: 720px;
+  left: 240px;
 }
 
 .info-5 .info:nth-child(3) {
-  left: 960px;
-  bottom: 240px;
+  /* left: 960px;
+  bottom: 240px; */
+  top: 760px;
+  left: 440px;
 }
 
 .info-5 .info:nth-child(4) {
-  left: 460px;
-  bottom: 490px;
+  /* left: 460px;
+  bottom: 490px; */
+  top: 420px;
+  left: 70px;
 }
 
 .info-5 .info:nth-child(5) {
-  left: 760px;
-  bottom: 490px;
+  /* left: 760px;
+  bottom: 490px; */
+  top: 430px;
+  left: 230px;
 }
 
 .info-5 .info:nth-child(6) {
-  left: 1060px;
-  bottom: 450px;
+  /* left: 1060px;
+  bottom: 450px; */
+  top: 450px;
+  left: 440px;
 }
 
 .info-5 .info:nth-child(7) {
-  left: 570px;
-  top: 190px;
+  /* left: 570px;
+  top: 190px; */
+  top: 200px;
+  left: 100px;
 }
 
 .info-5 .info:nth-child(8) {
-  left: 890px;
+  /* left: 890px;
+  top: 200px; */
   top: 200px;
+  left: 320px;
 }
 
 .info-5 .info:nth-child(9) {
-  left: 1190px;
+  /* left: 1190px;
+  top: 200px; */
   top: 200px;
+  left: 490px;
 }
 
 /* info 6  */
 
 .info-6 .info:nth-child(1) {
-  left: 480px;
-  bottom: 530px;
+  /* left: 480px;
+  bottom: 530px; */
+  top: 400px;
+  left: 20px;
 }
 
 .info-6 .info:nth-child(2) {
-  left: 720px;
-  bottom: 470px;
+  /* left: 720px;
+  bottom: 470px; */
+  left: 340px;
+  top: 450px;
 }
 
 .info-6 .info:nth-child(3) {
-  left: 990px;
-  bottom: 460px;
+  /* left: 990px;
+  bottom: 460px; */
+  top: 490px;
+  left: 500px;
 }
 
 .info-6 .info:nth-child(4) {
-  left: 510px;
+  /* left: 510px; */
   top: 260px;
+  left: 100px;
 }
 
 .info-6 .info:nth-child(5) {
-  left: 810px;
+  /* left: 810px; */
   top: 260px;
+  left: 300px;
 }
 
 .info-6 .info:nth-child(6) {
-  left: 1110px;
+  /* left: 1110px; */
   top: 280px;
+  left: 560px;
 }
 
 .info-6 .info:nth-child(7) {
-  left: 600px;
+  /* left: 600px; */
   top: 110px;
+  left: 100px;
 }
 
 .info-6 .info:nth-child(8) {
-  left: 900px;
+  /* left: 900px; */
   top: 110px;
+  left: 340px;
 }
 
 .info-6 .info:nth-child(9) {
-  left: 1200px;
+  /* left: 1200px; */
   top: 110px;
+  left: 550px;
 }
 
 .info-6 .info:nth-child(10) {
-  left: 650px;
+  /* left: 650px; */
+  left: 120px;
   top: 20px;
 }
 
 .info-6 .info:nth-child(11) {
-  left: 950px;
+  /* left: 950px; */
+  left: 330px;
   top: 30px;
 }
 
 .info-6 .info:nth-child(12) {
-  left: 1230px;
+  /* left: 1230px; */
+  left: 560px;
   top: 20px;
 }
 
 /* info 7  */
 
 .info-7 .info:nth-child(1) {
-  left: 400px;
-  bottom: 440px;
+  /* left: 400px;
+  bottom: 440px; */
+  top: 500px;
 }
 
 .info-7 .info:nth-child(2) {
-  left: 670px;
-  bottom: 440px;
+  /* left: 670px;
+  bottom: 440px; */
+  top: 500px;
+  left: 200px;
 }
 
 .info-7 .info:nth-child(3) {
-  left: 960px;
-  bottom: 450px;
+  /* left: 960px;
+  bottom: 450px; */
+  top: 500px;
+  left: 450px;
 }
 
 .info-7 .info:nth-child(4) {
-  left: 310px;
-  bottom: 260px;
+  /* left: 310px;
+  bottom: 260px; */
+  top: 700px;
+  left: -100px;
 }
 
 .info-7 .info:nth-child(5) {
-  left: 620px;
-  bottom: 260px;
+  /* left: 620px;
+  bottom: 260px; */
+  top: 700px;
+  left: 100px;
 }
 
 .info-7 .info:nth-child(6) {
-  left: 1110px;
-  bottom: 240px;
+  /* left: 1110px;
+  bottom: 240px; */
+  top: 700px;
+  left: 500px;
 }
 
 .info-7 .info:nth-child(7) {
-  left: 800px;
-  top: 50px;
+  /* left: 800px;
+  top: 50px; */
+  top: 20px;
+  left: 500px;
 }
 
 /* info 8  */
 .info-8 .info:nth-child(1) {
-  left: 660px;
-  bottom: 550px;
+  /* left: 660px;
+  bottom: 550px; */
+  top: 800px;
+  left: 200px;
 }
 
 .info-8 .info:nth-child(2) {
-  left: 990px;
-  bottom: 690px;
+  /* left: 990px;
+  bottom: 690px; */
+  top: 400px;
+  left: 400px;
 }
 
 .info-8 .info:nth-child(3) {
-  left: 700px;
-  top: 80px;
+  /* left: 700px;
+  top: 80px; */
+  top: 90px;
+  left: 400px;
 }
 
 .info-8 .info:nth-child(4) {
-  left: 1100px;
-  top: 80px;
+  /* left: 1100px;
+  top: 80px; */
+  top: 0;
+  left: 500px;
 }
 
 /* info 9  */
 .info-9 .info:nth-child(1) {
-  left: 400px;
-  bottom: 250px;
+  /* left: 400px;
+  bottom: 250px; */
+  top: 600px;
 }
 
 .info-9 .info:nth-child(2) {
-  left: 1100px;
-  bottom: 220px;
+  /* left: 1100px;
+  bottom: 220px; */
+  top: 630px;
+  left: 430px;
 }
 
 .info-9 .info:nth-child(3) {
-  left: 496px;
-  bottom: 570px;
+  /* left: 496px;
+  bottom: 570px; */
+  top: 300px;
+  left: 210px;
 }
 
 .info-9 .info:nth-child(4) {
-  left: 1100px;
-  bottom: 490px;
+  /* left: 1100px;
+  bottom: 490px; */
+  top: 380px;
+  left: 550px;
 }
 
 .info-9 .info:nth-child(5) {
-  left: 670px;
-  top: 144px;
+  /* left: 670px;
+  top: 144px; */
+  top: 88px;
+  left: 180px;
 }
 
 .info-9 .info:nth-child(6) {
-  left: 1100px;
-  top: 155px;
+  /* left: 1100px;
+  top: 155px; */
+  top: 90px;
+  left: 420px;
 }
 
 /* info 10  */
 .info-10 .info:nth-child(1) {
-  left: 620px;
-  bottom: 450px;
+  /* left: 620px;
+  bottom: 450px; */
+  top: 500px;
+  left: 200px;
 }
 
 .info-10 .info:nth-child(2) {
-  left: 1000px;
-  bottom: 320px;
+  /* left: 1000px;
+  bottom: 320px; */
+  top: 530px;
+  left: 330px;
 }
 
 .info-10 .info:nth-child(3) {
-  left: 736px;
-  top: 270px;
+  /* left: 736px;
+  top: 270px; */
+  top: 230px;
+  left: 230px;
 }
 
 .info-10 .info:nth-child(4) {
-  left: 1200px;
+  /* left: 1200px;
+  top: 330px; */
   top: 330px;
+  left: 430px;
 }
 
 .info-10 .info:nth-child(5) {
-  left: 870px;
-  top: 144px;
+  /* left: 870px;
+  top: 144px; */
+  top: 150px;
+  left: 360px;
 }
 
 .info-10 .info:nth-child(6) {
-  left: 1100px;
-  top: 195px;
+  /* left: 1100px;
+  top: 195px; */
+  top: 200px;
+  left: 490px;
 }
 
 .info-10 .info:nth-child(7) {
-  left: 900px;
-  top: 55px;
+  /* left: 900px;
+  top: 55px; */
+  top: 90px;
+  left: 500px;
 }
 
 .info-10 .info:nth-child(8) {
-  left: 1200px;
-  top: 68px;
+  /* left: 1200px;
+  top: 68px; */
+  top: 90px;
+  right: -120px;
 }
 
 /* info 11  */