index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. }
  23. .article-item {
  24. .detail {
  25. max-height: 140px;
  26. overflow: hidden;
  27. background: linear-gradient(360deg, rgba(161, 161, 171, 0) 0%, rgba(104, 104, 114, 1) 100%);
  28. -webkit-background-clip: text;
  29. -webkit-text-fill-color: transparent;
  30. }
  31. }
  32. }
  33. }
  34. .g-modal.article-detail-modal {
  35. .ant-modal-body {
  36. .detail {
  37. height: 600px;
  38. overflow-y: auto;
  39. }
  40. .prev {
  41. position: absolute;
  42. left: -100px;
  43. top: 300px;
  44. color: #fff;
  45. font-size: 37px;
  46. cursor: pointer;
  47. }
  48. .next {
  49. position: absolute;
  50. right: -100px;
  51. top: 300px;
  52. color: #fff;
  53. font-size: 37px;
  54. cursor: pointer;
  55. }
  56. }
  57. }