feature: make the clear messages button be formatted to brand color

devflowinc · Dec 7, 2024 · 7980eb2 · 7980eb2
1 parent 49bf9ca
commit 7980eb2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/clients/search-component/package.json b/clients/search-component/package.json
@@ -19,7 +19,7 @@
       "import": "./dist/vanilla/index.js"
     }
   },
-  "version": "0.2.5",
+  "version": "0.2.7",
   "license": "MIT",
   "homepage": "https://github.com/devflowinc/trieve/tree/main/clients/search-component",
   "scripts": {

diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
@@ -212,7 +212,8 @@ body {
           justify-content: flex-start;
 
           .clear-button {
-            @apply px-4 py-1.5 rounded-md text-white bg-magenta-500 hover:bg-magenta-400 text-xs;
+            @apply px-4 py-1.5 rounded-md text-white text-xs;
+            background-color: var(--tv-prop-brand-color);
           }
         }
       }
@@ -252,7 +253,7 @@ body {
     }
 
     .commands.ecommerce {
-      @apply hidden;
+      visibility: hidden;
     }
 
     .trieve-powered {

diff --git a/server/src/public/page.html b/server/src/public/page.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="/static/output.css" />
     <link
       rel="stylesheet"
-      href="https://unpkg.com/[email protected].6/dist/index.css"
+      href="https://unpkg.com/[email protected].7/dist/index.css"
     />
     <link
       rel="apple-touch-icon"
@@ -181,7 +181,7 @@
     </style>
 
     <script type="module">
-      import {renderToDiv} from 'https://unpkg.com/[email protected].6/dist/vanilla/index.js';
+      import {renderToDiv} from 'https://unpkg.com/[email protected].7/dist/vanilla/index.js';
       window.addEventListener('load', () => {
         const root = document.getElementById('root');
         renderToDiv(root, {