Combobox - add a bit of horizontal padding, based on when they say "no options currently" available

JayGeorge · JayGeorge · commit eca16ffcadf6 · 2025-09-04T16:27:56.000+01:00
diff --git a/resources/js/components/ui/Combobox.vue b/resources/js/components/ui/Combobox.vue
@@ -331,7 +331,7 @@ defineExpose({
                         data-ui-combobox-content
                     >
                         <ComboboxViewport>
-                            <ComboboxEmpty class="py-2 text-sm" data-ui-combobox-empty>
+                            <ComboboxEmpty class="p-2 text-sm" data-ui-combobox-empty>
                                 <slot name="no-options" v-bind="{ searchQuery }">
                                     {{ __('No options available.') }}
                                 </slot>

Original file line number	Diff line number	Diff line change
`@@ -331,7 +331,7 @@ defineExpose({`
`331`	`331`	`data-ui-combobox-content`
`332`	`332`	`>`
`333`	`333`	`<ComboboxViewport>`
`334`		`- <ComboboxEmpty class="py-2 text-sm" data-ui-combobox-empty>`
	`334`	`+ <ComboboxEmpty class="p-2 text-sm" data-ui-combobox-empty>`
`335`	`335`	`<slot name="no-options" v-bind="{ searchQuery }">`
`336`	`336`	`{{ __('No options available.') }}`
`337`	`337`	`</slot>`