more ui updates I think that is it to move my parts to daisy

LlmLaraHub · Jun 9, 2024 · c94b44e · c94b44e
1 parent 0b87bdb
commit c94b44e
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 23 deletions.
diff --git a/resources/js/Components/ConfirmationModal.vue b/resources/js/Components/ConfirmationModal.vue
@@ -50,7 +50,7 @@ const close = () => {
             </div>
         </div>
 
-        <div class="flex flex-row justify-end px-6 py-4 bg-neutral text-end">
+        <div class="flex flex-row justify-end px-6 py-4 dark:bg-neutral text-end">
             <slot name="footer" />
         </div>
     </Modal>

diff --git a/resources/js/Components/InputLabel.vue b/resources/js/Components/InputLabel.vue
@@ -5,7 +5,7 @@ defineProps({
 </script>
 
 <template>
-    <label class="block font-medium text-sm">
+    <label class="block font-medium text-sm ">
         <span v-if="value">{{ value }}</span>
         <span v-else><slot /></span>
     </label>

diff --git a/resources/js/Components/TextInput.vue b/resources/js/Components/TextInput.vue
@@ -21,7 +21,7 @@ defineExpose({ focus: () => input.value.focus() });
 <template>
     <input
         ref="input"
-        class="input input-bordered"
+        class="input input-bordered w-full "
         :value="modelValue"
         @input="$emit('update:modelValue', $event.target.value)"
     >

diff --git a/resources/js/Pages/Collection/Components/ResourceForm.vue b/resources/js/Pages/Collection/Components/ResourceForm.vue
@@ -1,17 +1,18 @@
 <template>
-    <div class="grid grid-cols-6 gap-4">
+    <div class="grid grid-cols-6 gap-4 ">
 
         <div class="col-span-6 sm:col-span-6">
             <InputLabel value="Name" />
-            <TextInput v-model="modelValue.name" type="text" class="mt-1 block w-full" />
+            <TextInput v-model="modelValue.name" type="text" class="mt-1 block w-full"
+            />
             <InputError :message="modelValue.errors.name" class="mt-2" />
         </div>
         <div class="col-span-6 sm:col-span-6">
             <InputLabel value="Description (ai will use this to help understand the data)" />
             <TextArea v-model="modelValue.description" type="text" class="mt-1 block w-full" />
             <InputError :message="modelValue.errors.description" class="mt-2" />
         </div>
-        <div class="col-span-6 sm:col-span-6">
+        <div class="col-span-6 sm:col-span-6 ">
             <div>Choose the system to Interact with the data</div>
             <LlmType
             :default="modelValue.driver"

diff --git a/resources/js/Pages/Collection/Components/ShowDocument.vue b/resources/js/Pages/Collection/Components/ShowDocument.vue
@@ -14,7 +14,7 @@
                   border-b border-gray-100 dark:border-gray-700 py-6 shadow-xl">
                     <div class="px-4 sm:px-6">
                       <div class="flex items-start justify-between">
-                        <DialogTitle class="text-base font-semibold leading-6">Document {{ document.file_path }}</DialogTitle>
+                        <DialogTitle class="text-base font-semibold leading-6 ">Document {{ document.file_path }}</DialogTitle>
                         <div class="ml-3 flex h-7 items-center">
                           <button
                           type="button" class="relative rounded-md  focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"

diff --git a/resources/js/Pages/Collection/Create.vue b/resources/js/Pages/Collection/Create.vue
@@ -2,33 +2,38 @@
     <TransitionRoot as="template" :show="open">
       <Dialog as="div" class="relative z-10" @close="open = false">
         <div class="fixed inset-0" />
-  
+
         <div class="fixed inset-0 overflow-hidden">
           <div class="absolute inset-0 overflow-hidden">
             <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10 sm:pl-16">
               <TransitionChild as="template" enter="transform transition ease-in-out duration-500 sm:duration-700" enter-from="translate-x-full" enter-to="translate-x-0" leave="transform transition ease-in-out duration-500 sm:duration-700" leave-from="translate-x-0" leave-to="translate-x-full">
                 <DialogPanel class="pointer-events-auto w-screen max-w-2xl">
-                  <div class="flex h-full flex-col overflow-y-scroll
-                  text-gray-200 dark:text-gray-400
-                  bg-white  border-b border-gray-100 dark:border-gray-700 py-6 shadow-xl">
-                    <div class="px-4 sm:px-6">
+                    <div class="flex h-full flex-col overflow-y-scroll
+
+                  bg-base-100 dark:bg-base-200
+                  border-b border-gray-100 dark:border-gray-700 py-6 shadow-xl">
+                        <div class="px-4 sm:px-6">
                       <div class="flex items-start justify-between">
-                        <DialogTitle class="text-base font-semibold leading-6 text-gray-800 dark:text-gray-400">Create your Collection so you can start adding data to it</DialogTitle>
+                        <DialogTitle
+                            class="font-semibold leading-6">Create your Collection so you can start adding data to it</DialogTitle>
                         <div class="ml-3 flex h-7 items-center">
-                          <button 
-                          type="button" class="relative rounded-md bg-white   focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" 
-                          @click="closeSlideOut()">
-                            <span class="absolute -inset-2.5" />
-                            <span class="sr-only">Close panel</span>
-                            <XMarkIcon class="h-6 w-6" aria-hidden="true" />
-                          </button>
+                            <button
+                                type="button" class="
+                                dark:text-neutral
+                                relative rounded-md  focus:outline-none
+                                focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                                @click="closeSlideOut()">
+                                <span class="absolute -inset-2.5" />
+                                <span class="sr-only">Close panel</span>
+                                <XMarkIcon class="h-6 w-6" aria-hidden="true" />
+                            </button>
                         </div>
                       </div>
                     </div>
                     <div class="relative mt-6 flex-1 px-4 sm:px-6">
                       <form @submit.prevent="submit()">
                         <ResourceForm v-model="form" />
-                        
+
                         <div class="mt-8 flex justify-between">
 
                           <PrimaryButton type="submit" class="ms-3">
@@ -49,7 +54,7 @@
       </Dialog>
     </TransitionRoot>
   </template>
-  
+
 
 <script setup>
 import InputError from '@/Components/InputError.vue';
@@ -91,4 +96,4 @@ const submit = () => {
     })
 }
 
-</script>
+</script>