index.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @import '../../app.less';
  2. .user-table {
  3. table {
  4. width: 100%;
  5. margin-bottom: 10px;
  6. line-height: 20px;
  7. .check {
  8. padding-left: 15px;
  9. text-align: left;
  10. .checkbox-item {
  11. margin-right: 10px;
  12. vertical-align: middle;
  13. }
  14. }
  15. th {
  16. padding: 0 20px;
  17. background: #ECEDEE;
  18. height: 60px;
  19. .assets {
  20. vertical-align: top;
  21. margin-left: 3px;
  22. margin-top: 3px;
  23. }
  24. }
  25. th.check {
  26. padding: 0 20px;
  27. padding-left: 40px;
  28. }
  29. td {
  30. padding: 20px;
  31. }
  32. }
  33. .empty {
  34. width: 100%;
  35. height: 100px;
  36. line-height: 100px;
  37. text-align: center;
  38. }
  39. .page {
  40. padding-top: 20px;
  41. text-align: center;
  42. span {
  43. margin: 0 15px;
  44. display: inline-block;
  45. color: #303139;
  46. b {
  47. color: #4299FF;
  48. font-weight: 500;
  49. }
  50. }
  51. }
  52. }
  53. .user-table.border {
  54. table {
  55. border-bottom: 1px solid #ECEDEE;
  56. }
  57. th {
  58. border: 1px solid #fff;
  59. }
  60. }
  61. .user-table.small {
  62. table {
  63. th {
  64. height: 40px;
  65. }
  66. }
  67. }
  68. .user-table.even {
  69. tbody {
  70. overflow-y: auto;
  71. tr:nth-of-type(even) {
  72. background: #FBFBFB;
  73. }
  74. }
  75. }
  76. .user-table.dark {
  77. tr {
  78. background: #ECEDEE;
  79. }
  80. }