Upgrade to DALL-3 API

jschm42 · Nov 7, 2023 · f980077 · f980077
1 parent 18ef7d0
commit f980077
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 15 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -26,6 +26,16 @@
   text-align: center;
   color: #2c3e50;
 }
+
+.text-gradient-silver {
+  background-image: linear-gradient(to top, #555555 0%, #ffffff 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  display: inline-block;
+  -webkit-text-fill-color: transparent; /* For Safari compatibility */
+}
+
 </style>
 
 

diff --git a/frontend/src/components/ChatHeader.vue b/frontend/src/components/ChatHeader.vue
@@ -20,7 +20,7 @@
       <div class="col-3">
         <img v-if="isShowPersonaImage(selectedPersona)" :alt="selectedPersona.name" :src="selectedPersona.imageUrl"
              class="persona-icon"/>
-        <i v-else class="fs-1 bi bi-robot robot-icon"></i>
+        <i v-else class="fs-1 bi bi-robot text-gradient-silver"></i>
       </div>
 
       <div class="col-9">
@@ -85,10 +85,6 @@ export default {
 </script>
 
 <style scoped>
-.robot-icon {
-  margin-right: 8px;
-  color: darksalmon;
-}
 
 .persona-name {
   font-size: 1.5rem;

diff --git a/frontend/src/components/ChatMessage.vue b/frontend/src/components/ChatMessage.vue
@@ -108,11 +108,11 @@ export default {
   <div :class="messageClass" class="card m-1 p-1 shadow">
     <div class="row">
       <div class="col-md-1">
-        <i v-if="isUser" class="fs-1 bi bi-person"></i>
+        <i v-if="isUser" class="fs-1 bi bi-person text-gradient-silver"></i>
         <img v-else-if="isAssistant" :src="personaImage" alt="Assistant" class="persona-icon">
         <i v-else-if="isFunctionCall" class="fs-1 bi bi-gear"></i>
         <i v-else-if="isFunctionResponse" class="fs-1 bi bi-arrow-return-left"></i>
-        <i v-else class="fs-1 bi bi-robot robot-icon"></i>
+        <i v-else class="fs-1 bi bi-robot text-gradient-silver"></i>
       </div>
       <div class="col-md-10">
         <div class="card-body">
@@ -168,8 +168,4 @@ footer {
   font-style: italic;
 }
 
-.robot-icon {
-  color: darksalmon;
-}
-
 </style>
diff --git a/frontend/src/views/PersonaChoiceView.vue b/frontend/src/views/PersonaChoiceView.vue
@@ -30,7 +30,7 @@
             <div class="col-md-4">
               <img v-if="isShowPersonaImage(persona)" :alt="persona.name" :src="persona.imageUrl"
                    class="persona-icon" role="button" @click.prevent="onPersonaSelected(persona)"/>
-              <i v-else class="fs-1 bi bi-robot robot-icon"></i>
+              <i v-else class="fs-1 bi bi-robot text-gradient-silver"></i>
             </div>
             <div class="col-md-6">
               <div class="card-body">
@@ -114,9 +114,6 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.robot-icon {
-  color: darksalmon;
-}
 
 .persona-card {
   min-width: 200px;