index.less 1000 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .preview_table {
  2. display: flex;
  3. gap: 10px;
  4. .preview_content {
  5. width: 100px;
  6. height: 60px;
  7. background-color: #ececec;
  8. border-radius: 8px;
  9. position: relative;
  10. display: flex;
  11. justify-content: center;
  12. align-items: center;
  13. transition: all 0.2s;
  14. overflow: hidden;
  15. .coverImg {
  16. max-width: 100%;
  17. max-height: 100%;
  18. }
  19. .playr {
  20. position: absolute;
  21. width: 35px;
  22. height: 35px;
  23. top: 50%;
  24. left: 50%;
  25. transform: translate(-50%, -50%);
  26. >img {
  27. width: 100%;
  28. height: 100%;
  29. }
  30. }
  31. }
  32. .body {
  33. display: flex;
  34. flex-direction: column;
  35. gap: 1px;
  36. width: calc(100% - 110px);
  37. >div {
  38. display: flex;
  39. justify-content: space-between;
  40. align-items: center;
  41. }
  42. }
  43. }