Teal

Signed-off-by: Vincent Fiduccia <[email protected]>

app.vue

@@ -22,7 +22,7 @@ function toggle() {
 
 <template>
   <div ref="root" class="root bg-gray-50 dark:bg-gray-950">
-    <header class="flex bg-purple-700 dark:bg-purple-950 text-white py-1 pl-4 pr-2.5">
+    <header class="flex bg-teal-700 dark:bg-teal-950 text-white py-1 pl-4 pr-2.5">
       <div class="flex-initial">
         <nuxt-link :to="{ name: 'index' }">
           <img src="~/assets/logo.svg" class="h-10 my-1">
@@ -41,7 +41,7 @@ function toggle() {
         <UButton icon="i-heroicons-bars-3" @click="toggle" />
       </div>
     </header>
-    <nav class="bg-purple-100 dark:bg-purple-900">
+    <nav class="bg-teal-100 dark:bg-teal-900">
       <LeftNav />
     </nav>
     <main>
@@ -109,3 +109,36 @@ function toggle() {
     }
   }
 </style>
+
+<style lang="scss">
+  :root {
+    --scrollbar-width: 8px;
+    --scrollbar-thumb: #10b981;
+  }
+
+  BODY {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+  }
+
+  ::-webkit-scrollbar {
+    width: var(--scrollbar-width) !important;
+    height: var(--scrollbar-width) !important;
+  }
+
+  ::-webkit-scrollbar {
+    width: var(--scrollbar-width) !important;
+    height: var(--scrollbar-width) !important;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb) !important;
+    border-radius: var(--scrollbar-width);
+    border: 1px solid transparent;
+  }
+
+  ::-webkit-scrollbar-track,
+  ::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+</style>

components/messages.vue

@@ -80,7 +80,6 @@ const assistantName = computed(() => {
       // word-break: break-all;
 
       :deep(A) {
-        color: #5676ff;
         text-decoration: underline;
       }
     }
@@ -100,6 +99,10 @@ const assistantName = computed(() => {
       grid-column: 2/ span 2;
       background-color: rgba(#aaa, 0.1);
       border: 1px solid rgba(#aaa, 0.2);
+
+      :deep(A) {
+        color: #5676ff;
+      }
     }
 
     .date {

components/nav-list.vue

@@ -70,7 +70,7 @@ function isActive(item: NavItem) {
       <li
         v-for="(link, idx) in links"
         :key="idx"
-        class="nav-row relative grid items-center w-full focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 rounded-md font-medium text-sm text-gray-500 dark:text-gray-300 hover:text-gray-900 before:bg-gray-100 dark:before:bg-gray-800 dark:hover:text-white dark:hover:bg-gray-800/50 data-[active=true]:text-gray-900 data-[active=true]:dark:text-white data-[active=true]:bg-purple-200 data-[active=true]:dark:bg-gray-800 data-[active=true]:font-bold"
+        class="nav-row relative grid items-center w-full focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 rounded-md font-medium text-sm text-gray-500 dark:text-gray-300 hover:text-gray-900 before:bg-gray-100 dark:before:bg-gray-800 dark:hover:text-white dark:hover:bg-gray-800/50 data-[active=true]:text-gray-900 data-[active=true]:dark:text-white data-[active=true]:bg-teal-200 data-[active=true]:dark:bg-gray-800 data-[active=true]:font-bold"
         :class="[open[idx] && 'open']"
         :data-active="isActive(link)"
         @click.prevent="e => clicked(e, link, idx)"

stores/assistants.ts

@@ -78,7 +78,10 @@ export const useAssistants = defineStore('assistants', {
     },
 
     async remove(id: string) {
-      await $fetch(`/v1/assistants/${encodeURIComponent(id)}`)
+      try {
+        await $fetch(`/v1/assistants/${encodeURIComponent(id)}`, { method: 'DELETE' })
+      }
+      catch (e) {}
 
       const existing = this.byId(id)
       if (existing)