AI css update

smartfoloo · Dec 21, 2024 · bc089b6 · bc089b6
1 parent 6fb2b69
commit bc089b6
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 5 deletions.
diff --git a/public/404.html b/public/404.html
@@ -38,7 +38,7 @@
         <a href="/" class="logo">
           <img src="./assets/favicon.png" alt="nobelium">
           <h2 class="logo-name">arsenic</h2>
-          <h6>v1</h6>
+          <h6>v1.1</h6>
         </a>
         <div class="tabs">
           <a href="/index.html">

diff --git a/public/css/index.css b/public/css/index.css
@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 @import '@sweetalert2/theme-borderless/borderless.scss';
 
 :root {
@@ -393,6 +392,11 @@ h2 {
   flex-direction: column;
 }
 
+#ai-page {
+  background: var(--background2);
+  padding: 20px;
+}
+
 #forum-page {
   width: 100%;
   height: 100%;
@@ -620,7 +624,7 @@ iframe {
 }
 
 #chat-display {
-  min-height: calc(100vh - 301.5px);
+  min-height: calc(100vh - 141.5px);
   background: var(--background2);
   border-radius: 20px;
   padding: 20px;
@@ -637,10 +641,12 @@ iframe {
 }
 
 #input-box {
+  background: var(--background3);
   border-radius: 20px;
 }
 
 #submit-btn {
+  background: var(--background3);
   width: 41.5px !important;
   height: 41.5px !important;
   border-radius: 20.75px;
@@ -649,6 +655,15 @@ iframe {
   align-items: center;
 }
 
+#submit-btn:active {
+  opacity: 0.6;
+}
+
+#submit-btn svg {
+  width: 24px;
+  height: 24px;
+}
+
 /* settings */
 
 .settings-container {

diff --git a/public/index.html b/public/index.html
@@ -14,6 +14,10 @@
   <link rel="stylesheet" href="./css/index.css" />
   <link rel="stylesheet" href="./css/themes.css" />
 
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
   <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
@@ -37,7 +41,7 @@
         <a href="/" class="logo">
           <img src="./assets/favicon.png" alt="nobelium">
           <h2 class="logo-name">arsenic</h2>
-          <h6>v1</h6>
+          <h6>v1.1</h6>
         </a>
         <div class="tabs">
           <button class="tab-btn" id="home-tab" onclick="openPage('home-page')">

diff --git a/public/js/system.js b/public/js/system.js
@@ -247,7 +247,7 @@ async function loadGames() {
 
       const gameHtml = `
         <a onclick="addGameTab('${gameId}', '${game.title}')" class="game-btn hidden" data-categories="${game.tags.join(',')}">
-          <img src="./assets/images/${gameId.replace(/-/g, '')}.png" alt="${game.title}">
+          <img src="./assets/images/${gameId.replace(/-/g, '')}.png" alt="${game.title}" loading="lazy">
           <div class="content">
             <p class="title">${game.title}</p>
             <p class="category">${gameCategories}</p>