fix(fe2): Gendo Panel bugfixes (#3817)

* Improved overflow on captions * Fix v-tippy reactivity * Fix tippy tooltip key
specklesystems · Jan 14, 2025 · 91460ee · 91460ee
1 parent 2539025
commit 91460ee
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/frontend-2/components/viewer/gendo/Item.vue b/packages/frontend-2/components/viewer/gendo/Item.vue
@@ -66,7 +66,7 @@
         <ExclamationCircleIcon v-else class="w-6 text-danger" />
       </div>
       <div
-        class="absolute bottom-2 left-2 right-2 space-x-2 flex items-center min-w-0 w-fit max-w-full overflow-hidden z-10"
+        class="absolute bottom-2 left-0 gap-x-2 px-2 flex items-center min-w-0 max-w-full overflow-hidden z-10"
       >
         <div
           class="bg-foundation p-0.5 flex items-center gap-x-1 min-w-0 max-w-full rounded-md"

diff --git a/packages/frontend-2/components/viewer/gendo/Panel.vue b/packages/frontend-2/components/viewer/gendo/Panel.vue
@@ -47,7 +47,10 @@
               </div>
             </FormButton>
 
-            <View v-tippy="isOutOfCredits ? 'No credits remaining' : undefined">
+            <View
+              :key="`gendo-credits-${isOutOfCredits}`"
+              v-tippy="isOutOfCredits ? 'No credits remaining' : undefined"
+            >
               <FormButton
                 :disabled="!prompt || isLoading || timeOutWait || isOutOfCredits"
                 @click="enqueMagic()"