diff --git a/src/client/src/css/main.css b/src/client/src/css/main.css index 54e1280..edd65f7 100644 --- a/src/client/src/css/main.css +++ b/src/client/src/css/main.css @@ -126,10 +126,30 @@ /* Tag Select */ .cj-tag-select-wrapper { - @apply relative form-select has-invalid:group-[.submitted]:border-red-500 - has-invalid:group-[.submitted]:ring-red-500 py-0 ps-0.5 pe-9 min-h-[46px] flex items-center flex-wrap - text-nowrap w-full border border-gray-200 rounded-lg text-start text-sm focus:border-blue-500 - focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400; + @apply + relative + form-select + py-0 + ps-0.5 + pe-9 + min-h-[46px] + flex + items-center + flex-wrap + text-nowrap + w-full + border + rounded-lg + text-start + text-sm + border-gray-200 + focus:border-blue-500 + focus:ring-blue-500 + dark:bg-neutral-900 + dark:border-neutral-700 + dark:text-neutral-400 + has-invalid:group-[.submitted]:border-red-500 + has-invalid:group-[.submitted]:ring-red-500; } .cj-tag-select-dropdown { @@ -156,7 +176,14 @@ } .cj-tag-select-input { - @apply px-2 rounded-xs order-1 text-sm outline-hidden dark:bg-neutral-900 dark:placeholder-neutral-500 + @apply + px-2 + rounded-xs + order-1 + text-sm + outline-hidden + dark:bg-neutral-900 + dark:placeholder-neutral-500 dark:text-neutral-400; } @@ -223,12 +250,13 @@ hs-select-disabled:opacity-50 relative py-2 px-3 pe-9 flex text-nowrap w-full cursor-pointer border rounded-lg text-start text-sm focus:outline-hidden before:absolute before:inset-0 before:z-1 - text-gray-800 + placeholder-gray-800 bg-white border-gray-200 dark:text-neutral-200 dark:bg-neutral-900 dark:border-neutral-700 + dark:placeholder-neutral-500 peer-invalid:group-[.submitted]:border-red-500 peer-invalid:group-[.submitted]:ring-red-500 } @@ -243,7 +271,7 @@ @apply z-80 w-full - min-h-fit + min-h-0 max-h-72 p-1.5 space-y-0.5 @@ -301,6 +329,7 @@ text-sm disabled:opacity-50 disabled:pointer-events-none + text-neutral-600 border-gray-200 focus:border-blue-500 focus:ring-blue-500