Improve code presentation for validation rule lists

jaygeorge · jaygeorge · commit 4068d526cbb2 · 2025-09-01T10:36:55.000+01:00
diff --git a/resources/js/components/field-validation/Builder.vue b/resources/js/components/field-validation/Builder.vue
@@ -41,7 +41,7 @@
                 @added="ifSearchNotFoundAddCustom"
             >
                 <template #option="option">
-                    {{ __(option.display) }} <code class="ms-2 text-sm">{{ valueWithoutTrailingColon(option.value) }}</code>
+                    {{ __(option.display) }} <code class="px-1 rounded-sm text-[0.8rem]">{{ valueWithoutTrailingColon(option.value) }}</code>
                 </template>
 
                 <template #selected-options>

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@`
`41`	`41`	`@added="ifSearchNotFoundAddCustom"`
`42`	`42`	`>`
`43`	`43`	`<template #option="option">`
`44`		`- {{ __(option.display) }} <code class="ms-2 text-sm">{{ valueWithoutTrailingColon(option.value) }}</code>`
	`44`	`+ {{ __(option.display) }} <code class="px-1 rounded-sm text-[0.8rem]">{{ valueWithoutTrailingColon(option.value) }}</code>`
`45`	`45`	`</template>`
`46`	`46`
`47`	`47`	`<template #selected-options>`