app.component.scss

/* Copyright The Linux Foundation and each contributor to LFX. */
/* SPDX-License-Identifier: MIT */

::ng-deep {
  .p-card {
    .p-card-title {
      @apply font-display;
    }
  }

  .p-avatar {
    @apply flex;
  }

  .p-table {
    .p-datatable-tbody {
      tr {
        td {
          @apply text-sm;
        }
      }
    }
  }

  .p-toggleswitch {
    @apply flex;

    .p-toggleswitch-handle {
      @apply rounded-full;
    }
  }

  .p-select-overlay,
  .p-multiselect-overlay {
    .p-select-list-container,
    .p-multiselect-list-container {
      .p-select-option,
      .p-multiselect-option {
        @apply text-sm;
      }
    }
  }

  .p-tooltip {
    .p-tooltip-text {
      @apply text-sm;
    }
  }

  .p-inplace-display {
    @apply w-full;

    &:hover {
      @apply bg-transparent;
    }
  }

  .pill {
    @apply inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-full transition-colors text-gray-600 border border-gray-200 hover:bg-gray-50;
  }
}