spur-tailwind/css/components/report-modal.css

Spur web UI

.report-modal {
  @apply fixed z-50 inset-0 flex items-start justify-center opacity-0 pointer-events-none;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 300ms ease-in-out;
}

.report-modal.is-active {
  @apply opacity-100 pointer-events-auto;
}

.report-modal-container {
  @apply relative items-start p-10 bg-white w-full rounded-md shadow-md;
  max-width: 1180px;
  max-width: 90vw;
  top: 50%;
  transform: translateY(-50%);
}

.report-modal-close {
  @apply absolute;
  top: 1.25rem;
  right: 1.25rem;
}

.report-modal-title {
  @apply text-2xl leading-normal;
  padding-right: 38px;
}

.report-modal-content {
  @apply py-6;
}