Optimized the Loading Page

pinacai · Jun 18, 2024 · 2385b06 · 2385b06
1 parent 78d9012
commit 2385b06
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/electron/main.ts b/electron/main.ts
@@ -62,8 +62,8 @@ const createLoadingWindow = () => {
     x: windowX,
     y: 20,
     autoHideMenuBar: true,
-    // frame: false,
-    // resizable: false,
+    frame: false,
+    resizable: false,
     show: false,
   });
   loadingWindow.loadFile("loading.html");

diff --git a/frontend/pages/HomePage.tsx b/frontend/pages/HomePage.tsx
@@ -88,7 +88,6 @@ export const HomePage: React.FC<HomePageProps> = ({
 
       addMessageToChatHistory(
         <ShowHumanMessage
-          key={`human-message-${chatHistory.length}`}
           response={text}
         />
       );

diff --git a/frontend/pages/SettingsPage.tsx b/frontend/pages/SettingsPage.tsx
@@ -15,7 +15,6 @@ export const SettingsPage: React.FC = () => {
   const [Cyber_Tech_01, setCyber_Tech_01] = useState<boolean>(false);
   const [Aesthetics_Unbound, setAesthetics_Unbound] = useState<boolean>(false);
 
-
   //
   const changeToDawn_n_Dusk = () => {
     setDawn_n_Dusk(!Dawn_n_Dusk);
@@ -45,7 +44,6 @@ export const SettingsPage: React.FC = () => {
     }
   };
 
-
   //
   useEffect(() => {
     const preferredThemePair = localStorage.getItem("preferred-theme-pair");
@@ -117,8 +115,8 @@ export const SettingsPage: React.FC = () => {
                 onChangeFunc={changeToCyber_Tech_01}
               />
 
-               {/* Theme 3 */}
-               <Card
+              {/* Theme 3 */}
+              <Card
                 title="Aesthetics Unbound"
                 cardImage={Aesthetics_Unbound_darkPreview}
                 checkedFunc={Aesthetics_Unbound}

diff --git a/loading.html b/loading.html
@@ -27,12 +27,12 @@
 
       .logo {
         font-family: "Nasalization", Arial, sans-serif;
-        font-size: 9em;
+        font-size: 25vw;
         animation: zoomIn 2s ease-in-out forwards;
       }
 
       .slogan {
-        font-size: 2.2em;
+        font-size: 7vw;
         color: #555;
         opacity: 0;
         animation: fadeIn 1s ease-in-out forwards;
@@ -44,6 +44,7 @@
           transform: scale(0.5);
           opacity: 0;
         }
+
         to {
           transform: scale(1);
           opacity: 1;
@@ -54,17 +55,28 @@
         from {
           opacity: 0;
         }
+
         to {
           opacity: 1;
         }
       }
+
+      @media (min-width: 768px) {
+        .logo {
+          font-size: 15vw;
+        }
+
+        .slogan {
+          font-size: 3vw;
+        }
+      }
     </style>
   </head>
+
   <body>
     <div class="container">
       <div class="logo">PINAC</div>
       <div class="slogan">Automate Your Workflow</div>
     </div>
   </body>
 </html>
-