index.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @charset "utf-8";
  2. #my-collect {
  3. .user-action {
  4. .tip {
  5. font-size: 12px;
  6. color: #A7A7B7;
  7. span {
  8. color: #4299FF;
  9. cursor: pointer;
  10. margin: 0 5px;
  11. }
  12. i {
  13. font-size: 14px;
  14. cursor: pointer;
  15. }
  16. }
  17. }
  18. .table-layout {
  19. padding: 20px 30px;
  20. .user-table {
  21. font-size: 12px;
  22. td {
  23. vertical-align: top;
  24. }
  25. }
  26. .article-item {
  27. .detail {
  28. max-height: 140px;
  29. overflow: hidden;
  30. background: linear-gradient(360deg, rgba(161, 161, 171, 0) 0%, rgba(104, 104, 114, 1) 100%);
  31. -webkit-background-clip: text;
  32. -webkit-text-fill-color: transparent;
  33. }
  34. }
  35. }
  36. }
  37. .g-modal.article-detail-modal {
  38. .ant-modal-body {
  39. .detail {
  40. height: 600px;
  41. overflow-y: auto;
  42. }
  43. .prev {
  44. position: absolute;
  45. left: -100px;
  46. top: 300px;
  47. color: #fff;
  48. font-size: 37px;
  49. cursor: pointer;
  50. }
  51. .next {
  52. position: absolute;
  53. right: -100px;
  54. top: 300px;
  55. color: #fff;
  56. font-size: 37px;
  57. cursor: pointer;
  58. }
  59. }
  60. }