fix(ui): Improve form input styling and tooltip behavior

coollabsio · Mar 7, 2025 · c609e48 · c609e48
1 parent 7215500
commit c609e48
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/resources/css/inertia.css b/resources/css/inertia.css
@@ -109,9 +109,5 @@ input:where(:not([type])):focus,
 [multiple]:focus,
 textarea:focus,
 select:focus {
-    @apply ring-0 dark:outline-none !important;
+    @apply ring-0 dark:outline-none border-primary !important;
 }
-
-.input-type {
-    @apply w-full rounded-xl border border-l-4 border-input bg-input-background dark:border-neutral-800 disabled:cursor-not-allowed placeholder:text-muted-foreground focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 dark:outline-coolgray-200 ring-offset-background !important;
-}
diff --git a/resources/js/components/CustomFormField.vue b/resources/js/components/CustomFormField.vue
@@ -75,7 +75,7 @@ const handleInstantSave = (value: boolean) => {
       <FormLabel class="flex items-center" v-if="type === 'text' || type === 'textarea' || type === 'select'">
         {{ label || computedField }}
         <span class="text-destructive px-1" v-if="isRequired">*</span>
-        <TooltipProvider v-if="description" delay-duration="0">
+        <TooltipProvider v-if="description" :delay-duration="0">
           <Tooltip>
             <TooltipTrigger>
               <InfoIcon class=" size-4 text-warning" />