@import "./mixin.less";

.about-site-dialog {
  > .dialog-container {
    @apply w-128;

    > .dialog-content-container {
      @apply leading-relaxed;

      > p {
        @apply my-1;

        &.updated-time-text {
          .flex(row, flex-start, center);
          @apply w-full text-sm mt-3 pt-2 border-t-2 border-t-gray-200 text-gray-600 whitespace-pre-wrap font-mono;
        }
      }

      .pre-text {
        @apply font-mono;
      }

      > .btn {
        @apply px-2 py-1 text-white rounded text-sm;
        background-color: @text-green;

        &:hover {
          @apply opacity-80;
        }
      }

      a {
        @apply cursor-pointer underline-offset-2 underline text-blue-600;
      }
    }
  }
}
