Home Explore Help
Register Sign In
lqb
/
exo
mirror of https://github.com/exo-explore/exo
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

removing timeout for error and adding close button

cadenmackenzie 8 months ago
parent
4c98108d3e
commit
cbe551d119
3 changed files with 21 additions and 7 deletions
Split View Show Diff Stats
  1. 16 0
      exo/tinychat/index.css
  2. 5 1
      exo/tinychat/index.html
  3. 0 6
      exo/tinychat/index.js

+ 16 - 0
exo/tinychat/index.css
View File 

@@ -202,6 +202,22 @@ main {
 
     top: 0; /* Position at the top of the page */
 
     left: 0; /* Extend from the left edge */
 
     right: 0; /* Extend to the right edge */
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+}
 
+
 
+.toast-close-button {
 
+    background: none;
 
+    border: none;
 
+    color: white;
 
+    padding: 0 8px;
 
+    cursor: pointer;
 
+    font-size: 1.2em;
 
+}
 
+
 
+.toast-close-button:hover {
 
+    opacity: 0.8;
 
 }
 
 
 .hljs {

+ 5 - 1
exo/tinychat/index.html
View File 

@@ -26,7 +26,11 @@
 
 <body>
 
 <main x-data="state" x-init="console.log(endpoint)">
 
      <!-- Error Toast -->
 
-    <div x-show="errorMessage" x-transition.opacity x-text="errorMessage" class="toast">
 
+    <div x-show="errorMessage" x-transition.opacity class="toast">
 
+        <span x-text="errorMessage"></span>
 
+        <button @click="errorMessage = null" class="toast-close-button">
 
+            <i class="fas fa-times"></i>
 
+        </button>
 
     </div>
 
 <div class="model-selector">
 
 <select @change="if (cstate) cstate.selectedModel = $event.target.value" x-model="cstate.selectedModel">

+ 0 - 6
exo/tinychat/index.js
View File 

@@ -119,9 +119,6 @@ document.addEventListener("alpine:init", () => {
 
         console.error('error', error)
 
         this.lastErrorMessage = error.message || 'Unknown error on handleSend';
 
         this.errorMessage = error.message || 'Unknown error on handleSend';
 
-        setTimeout(() => {
 
-          this.errorMessage = null;
 
-        }, 5 * 1000)
 
         this.generating = false;
 
       }
 
     },
 
@@ -241,9 +238,6 @@ document.addEventListener("alpine:init", () => {
 
         console.error('error', error)
 
         this.lastErrorMessage = error;
 
         this.errorMessage = error;
 
-        setTimeout(() => {
 
-          this.errorMessage = null;
 
-        }, 5 * 1000)
 
       } finally {
 
         this.generating = false;
 
       }