You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

form-fields.css 1.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /* Filament Repeater Styles */
  2. .fi-fo-repeater.uncontained .fi-fo-repeater-item {
  3. @apply divide-y-0 rounded-none bg-none shadow-none ring-0 ring-gray-950/5 dark:divide-white/10 dark:bg-white/5 dark:ring-white/10;
  4. .fi-fo-repeater-item-header {
  5. @apply px-0;
  6. > h4 {
  7. @apply text-base font-semibold leading-6 text-gray-950 dark:text-white;
  8. }
  9. }
  10. .fi-fo-repeater-item-content {
  11. @apply py-4 px-0;
  12. }
  13. }
  14. .fi-fo-repeater-item {
  15. @apply divide-y divide-gray-200 rounded-xl bg-white dark:bg-gray-900;
  16. }
  17. /* Report Field Styles */
  18. .fi-fo-field-wrp.report-hidden-label > div.grid.gap-y-2 > div.flex.items-center {
  19. @apply hidden;
  20. }
  21. .fi-fo-field-wrp.report-hidden-label {
  22. @apply lg:mt-8;
  23. }
  24. /* Choices.js select field overrides */
  25. .choices__list.choices__list--single {
  26. @apply w-full;
  27. }
  28. .choices:focus-visible {
  29. outline: none;
  30. }
  31. .choices__group {
  32. @apply text-gray-900 dark:text-white font-semibold;
  33. }
  34. .choices[data-type="select-one"] .choices__inner {
  35. line-height: 1.5;
  36. display: flex;
  37. align-items: center;
  38. min-height: 2.25rem;
  39. box-sizing: border-box;
  40. }
  41. .choices:not(.is-disabled) .choices__item {
  42. cursor: pointer;
  43. }
  44. /* Table Repeater Styles */
  45. .table-repeater-container {
  46. @apply rounded-none ring-0;
  47. }
  48. .table-repeater-component {
  49. @apply space-y-10;
  50. }
  51. .table-repeater-component ul {
  52. @apply justify-start;
  53. }
  54. .table-repeater-row {
  55. @apply divide-x-0 !important;
  56. }
  57. .table-repeater-column {
  58. @apply py-2 !important;
  59. }
  60. .table-repeater-header {
  61. @apply rounded-t-none !important;
  62. }
  63. .table-repeater-rows-wrapper {
  64. @apply divide-gray-300 last:border-b last:border-gray-300 dark:divide-white/20 dark:last:border-white/20;
  65. }
  66. .table-repeater-header tr {
  67. @apply divide-x-0 text-base sm:text-sm sm:leading-6 !important;
  68. }
  69. .table-repeater-header-column {
  70. @apply ps-3 pe-3 font-semibold bg-gray-200 dark:bg-gray-800 rounded-none !important;
  71. }