style.module.css 812 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .container {
  2. @apply flex h-full w-full relative overflow-y-auto;
  3. }
  4. .container>div {
  5. @apply flex-1 h-full;
  6. }
  7. .commonIcon {
  8. @apply w-3.5 h-3.5 inline-block align-middle;
  9. background-repeat: no-repeat;
  10. background-position: center center;
  11. background-size: contain;
  12. }
  13. .app_icon {
  14. background-image: url(./assets/grid.svg);
  15. }
  16. .hit_testing_icon {
  17. background-image: url(../documents/assets/target.svg);
  18. }
  19. .plugin_icon {
  20. background-image: url(./assets/plugin.svg);
  21. }
  22. .cardWrapper {
  23. display: grid;
  24. grid-template-columns: repeat(auto-fill, minmax(284px, auto));
  25. grid-gap: 16px;
  26. grid-auto-rows: 216px;
  27. }
  28. .clockWrapper {
  29. border: 0.5px solid #eaecf5;
  30. @apply rounded-lg w-11 h-11 flex justify-center items-center;
  31. }
  32. .clockIcon {
  33. mask-image: url(./assets/clock.svg);
  34. @apply bg-gray-500;
  35. }