ujiro99/tlt

.alarm-list {
  @apply text-gray-600;
  @apply bg-gray-100;
  @apply rounded-md;

  margin-top: 6px;
  padding: 2px 6px 2px 10px;

  [data-simplebar] {
    max-height: 8rem;
  }

  &__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0 2px;
    min-height: 24px;
  }

  &__time {
    @apply text-xs;
    @apply font-mono;
  }

  &__content {
    flex: 1;
    margin-left: 0.5em;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  &__name,
  &__message {
    font-size: 0.75rem;
    line-height: 1.6;
  }

  &__message::before {
    content: '-';
    margin-left: 4px;
    margin-right: 2px;
  }

  &__empty {
    font-size: 12px;
    white-space: pre;
    line-height: 1.6;
    padding: 5px;
  }
}