memos/web/src/less/memo-resources.less

.resource-wrapper {
  @apply w-full flex flex-col justify-start items-start;

  > .images-wrapper {
    @apply w-full grid grid-cols-2 sm:grid-cols-3 gap-2 mt-2;

    > .memo-resource {
      @apply shadow rounded overflow-hidden hide-scrollbar;

      > img {
        @apply cursor-pointer min-h-full w-auto min-w-full object-cover;
      }

      > video {
        @apply cursor-pointer w-full h-full object-contain bg-zinc-100 dark:bg-zinc-800;
      }
    }
  }
}