Merge pull request #51 from Aaron-53/main

changed styles for loading
Excel2024Web · Nov 27, 2024 · 87af72e · 87af72e
2 parents 77693bc + 919326a
commit 87af72e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/app/loading.js b/src/app/loading.js
@@ -6,7 +6,7 @@ import excel from "@/assets/Footer/excel.svg";
 
 function Loading() {
   return (
-    <div>
+    <div className="landingbody" >
       <div id="root ">
         <div id="particles-background" className="vertical-centered-box"></div>
         <div id="particles-foreground" className="vertical-centered-box"></div>
@@ -25,7 +25,7 @@ function Loading() {
           </div>
         </div>
       </div>
-      <Script src="./script.js" />
+      <Script src="./script.js" strategy="beforeInteractive"  />
     </div>
   );
 }

diff --git a/src/styles/loading.css b/src/styles/loading.css
@@ -1,24 +1,24 @@
-body {
+.landingbody {
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     font-family: "proxima-nova-soft", sans-serif;
     -webkit-user-select: none;
     overflow: hidden;
   }
-  body .vertical-centered-box {
+  .landingbody .vertical-centered-box {
     position: absolute;
     width: 100%;
     height: 100%;
     text-align: center;
   }
-  body .vertical-centered-box:after {
+  .landingbody .vertical-centered-box:after {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
     margin-right: -0.25em;
   }
-  body .vertical-centered-box .content {
+  .landingbody .vertical-centered-box .content {
     box-sizing: border-box;
     display: inline-block;
     vertical-align: middle;
@@ -28,7 +28,7 @@ body {
   * {
     transition: all 0.3s;
   }
-  body {
+  .landingbody {
     background: #2c2d44;
   }
   .loader-circle {