Lots of minor ui updates

LlmLaraHub · Jun 27, 2024 · 3367bcf · 3367bcf
1 parent 66f180f
commit 3367bcf
Show file tree

Hide file tree

Showing 18 changed files with 34 additions and 335 deletions.
diff --git a/.github/workflows/ci-cd.yml b/.github/workflows/ci-cd.yml
@@ -92,3 +92,4 @@ jobs:
           curl https://envoyer.io/deploy/${{ secrets.ENVOYER }}
           curl https://envoyer.io/deploy/${{ secrets.ENVOYER_FRESHJONES }}
           curl https://envoyer.io/deploy/${{ secrets.ENVOYER_Q }}
+          curl https://envoyer.io/deploy/${{ secrets.ENVOYER_T }}
diff --git a/STUBS/Vue/Sources/Source/Components/Card.vue b/STUBS/Vue/Sources/Source/Components/Card.vue
@@ -32,7 +32,7 @@ const run = (source) => {
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl" :key="source.id">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl  border border-neutral" :key="source.id">
         <div class="card-body">
             <Settings :source="source"/>
             <div class="card-actions justify-end">

diff --git a/resources/js/Components/DisplayMenu.vue b/resources/js/Components/DisplayMenu.vue
@@ -22,8 +22,16 @@ const chooseItem = (item) => {
         <summary class="m-1 btn btn-neutral">
             <slot name="title"></slot>
         </summary>
-        <ul class="p-2 shadow menu dropdown-content z-[1] bg-base-100 rounded-box w-48 ">
-            <li v-for="item in items" :key="item.id">
+        <ul class="
+        border border-neutral
+        p-2 shadow menu dropdown-content z-[1]
+         bg-base-100 rounded-box w-48 ">
+            <li v-if="items.length === 0" class="text-center">
+                Nothing here to see!
+            </li>
+            <li
+                v-else
+                v-for="item in items" :key="item.id">
                 <button type="button" @click="chooseItem(item)">{{ item.name }}</button>
             </li>
         </ul>

diff --git a/resources/js/Pages/Collection/Components/CollectionHeader.vue b/resources/js/Pages/Collection/Components/CollectionHeader.vue
@@ -6,13 +6,13 @@
 
                 <CollectionTags :collection="collection"></CollectionTags>
 
-                <details class="dropdown">
-                    <summary class="m-1 btn btn-ghost">
+                <details ref="openMenu" class="dropdown">
+                    <summary class="m-1 btn btn-ghost border-neutral">
                         <EllipsisVerticalIcon class="h-5 w-5" />
                     </summary>
                     <ul class="p-2 shadow menu dropdown-content
                      -ml-24
-                    z-[1] bg-base-100 rounded-box w-52">
+                    z-[1] bg-base-100  border border-neutral rounded-box w-52">
                         <li>
                             <button type="button" class="btn-link" @click="showEditCollectionSlideOut">Edit</button>
                         </li>
@@ -40,7 +40,13 @@ import Label from '@/Components/Labels.vue';
 import CreateChat from './CreateChat.vue';
 import { ChatBubbleLeftIcon } from '@heroicons/vue/24/outline';
 import { EllipsisVerticalIcon } from '@heroicons/vue/24/solid';
+import {ref} from "vue";
 
+const openMenu = ref(null);
+
+const closeMenu = () => {
+    openMenu.value.removeAttribute('open')
+}
 
 const props = defineProps({
     collection: {
@@ -55,10 +61,12 @@ const props = defineProps({
 const emit = defineEmits(['showEditCollectionSlideOut', 'toggleReindexCollection']);
 
 const showEditCollectionSlideOut = () => {
+    closeMenu();
     emit('showEditCollectionSlideOut');
 };
 
 const toggleReindexCollection = () => {
+    closeMenu();
     emit('toggleReindexCollection');
 };
 

diff --git a/resources/js/Pages/Outputs/ApiOutput/Components/Card.vue b/resources/js/Pages/Outputs/ApiOutput/Components/Card.vue
@@ -16,7 +16,7 @@ const showToken = ref(false)
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl  border border-neutral">
         <div class="card-body">
             <Settings :output="output"></Settings>
 
@@ -32,7 +32,7 @@ const showToken = ref(false)
             <div class="text-xs">
                 URL: <span class="font-bold">{{ output.url }}</span>
             </div>
-            <div class="card-actions justify-between flex items-center">
+            <div class="card-actions justify-between flex items-center ">
                 <span class="badge badge-default">{{ output.type_formatted}}</span>
                 <div class="flex justify-end gap-2 items-center">
                     <Link :href="route('collections.outputs.api_output.edit', {

diff --git a/resources/js/Pages/Outputs/EmailOutput/Components/Card.vue b/resources/js/Pages/Outputs/EmailOutput/Components/Card.vue
@@ -28,7 +28,7 @@ const send = () => {
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl border border-neutral">
         <div class="card-body">
 
             <Settings :output="output"></Settings>

diff --git a/resources/js/Pages/Outputs/EmailReplyOutput/Components/Card.vue b/resources/js/Pages/Outputs/EmailReplyOutput/Components/Card.vue
@@ -28,7 +28,7 @@ const send = () => {
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl  border border-neutral">
         <div class="card-body">
 
 

diff --git a/resources/js/Pages/Outputs/WebPage/Components/Card.vue b/resources/js/Pages/Outputs/WebPage/Components/Card.vue
@@ -9,7 +9,7 @@ const props = defineProps({
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl  border border-neutral">
     <div class="card-body">
             <Settings :output="output"/>
 

diff --git a/resources/js/Pages/Sources/EmailBoxSource/Components/Card.vue b/resources/js/Pages/Sources/EmailBoxSource/Components/Card.vue
@@ -34,7 +34,7 @@ const run = (source) => {
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl" :key="source.id">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl border border-neutral" :key="source.id">
         <div class="card-body">
             <Settings :source="source"/>
             <div class="card-actions justify-end">

diff --git a/resources/js/Pages/Sources/EmailSource/Components/Card.vue b/resources/js/Pages/Sources/EmailSource/Components/Card.vue
@@ -34,7 +34,7 @@ const run = (source) => {
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl" :key="source.id">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl border border-neutral" :key="source.id">
         <div class="card-body">
             <Settings :source="source"/>
 

diff --git a/resources/js/Pages/Sources/FeedSource/Components/Card.vue b/resources/js/Pages/Sources/FeedSource/Components/Card.vue
@@ -32,7 +32,7 @@ const run = (source) => {
 </script>
 
 <template>
-    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl" :key="source.id">
+    <div class="card rounded-none w-96 dark:bg-neutral shadow-xl  border border-neutral" :key="source.id">
         <div class="card-body">
             <Settings :source="source"/>
             <div class="text-xs">

diff --git a/resources/js/Pages/Sources/FooBar/Components/Card.vue b/resources/js/Pages/Sources/FooBar/Components/Card.vue
diff --git a/resources/js/Pages/Sources/FooBar/Components/Resources.vue b/resources/js/Pages/Sources/FooBar/Components/Resources.vue
diff --git a/resources/js/Pages/Sources/FooBar/Create.vue b/resources/js/Pages/Sources/FooBar/Create.vue