Setting.razor.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .main__b__2 {
  6. display: flex;
  7. width: 100%;
  8. height: 100%;
  9. padding-top: 16px;
  10. padding-bottom: 16px;
  11. overflow: auto;
  12. background-color: #fff;
  13. }
  14. .main__b__2 .leftMenu {
  15. width: 224px;
  16. border-right: 1px solid #f0f0f0;
  17. }
  18. .main__b__2 .leftMenu :global .ant-menu-inline {
  19. border: none;
  20. }
  21. .main__b__2 .leftMenu :global .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  22. font-weight: bold;
  23. }
  24. .main__b__2 .right__b__0 {
  25. flex: 1;
  26. padding-top: 8px;
  27. padding-right: 40px;
  28. padding-bottom: 8px;
  29. padding-left: 40px;
  30. }
  31. .main__b__2 .right__b__0 .title {
  32. margin-bottom: 12px;
  33. color: rgba(0, 0, 0, 0.85);
  34. font-weight: 500;
  35. font-size: 20px;
  36. line-height: 28px;
  37. }
  38. .main__b__2 .ant-list-split .ant-list-item:last-child {
  39. border-bottom: 1px solid #f0f0f0;
  40. }
  41. .main__b__2 .ant-list-item {
  42. padding-top: 14px;
  43. padding-bottom: 14px;
  44. }
  45. .ant-list-item-meta .taobao {
  46. display: block;
  47. color: #ff4000;
  48. font-size: 48px;
  49. line-height: 48px;
  50. border-radius: 2px;
  51. }
  52. .ant-list-item-meta .dingding {
  53. margin: 2px;
  54. padding: 6px;
  55. color: #fff;
  56. font-size: 32px;
  57. line-height: 32px;
  58. background-color: #2eabff;
  59. border-radius: 2px;
  60. }
  61. .ant-list-item-meta .alipay {
  62. color: #2eabff;
  63. font-size: 48px;
  64. line-height: 48px;
  65. border-radius: 2px;
  66. }
  67. font.strong {
  68. color: #52c41a;
  69. }
  70. font.medium {
  71. color: #faad14;
  72. }
  73. font.weak {
  74. color: #ff4d4f;
  75. }
  76. @media screen and (max-width: 768px) {
  77. .main__b__2 {
  78. flex-direction: column;
  79. }
  80. .main__b__2 .leftMenu {
  81. width: 100%;
  82. border: none;
  83. }
  84. .main__b__2 .right__b__0 {
  85. padding: 40px;
  86. }
  87. }