apps-aside.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .release-app2>.row>.col-sm-2 {
  2. background-color: transparent;
  3. }
  4. .aside-left {
  5. background-color: #ffffff;
  6. }
  7. .aside-app-list {
  8. max-height: calc(100vh - 300px);
  9. overflow-y: auto;
  10. }
  11. .aside-app-list::-webkit-scrollbar {
  12. width: 4px;
  13. background-color: #e5e5e5;
  14. border-radius: 2px;
  15. }
  16. .aside-app-list::-webkit-scrollbar-thumb {
  17. background-color: #157df1;
  18. border-radius: 2px;
  19. }
  20. .aside-app-list-tilte {
  21. color: rgba(21, 21, 21, 1);
  22. font-family: Source Han Sans SC;
  23. font-weight: 700;
  24. font-style: Bold;
  25. font-size: 14px;
  26. line-height: 25.6px;
  27. text-align: center;
  28. margin-top: -6px;
  29. margin-bottom: 14px;
  30. }
  31. aside.aside-left .aside-app-list li a {
  32. display: flex;
  33. align-items: center;
  34. padding-left: 26px;
  35. }
  36. aside.aside-left .aside-app-list li a .app-img {
  37. background-repeat: no-repeat;
  38. background-size: 100% 100%;
  39. background-position: center;
  40. width: 36px;
  41. height: 36px;
  42. border-radius: 8px;
  43. margin-right: 12px;
  44. flex-shrink: 0;
  45. }
  46. aside.aside-left .aside-app-list li a .app-info {
  47. padding-right: 12px;
  48. flex: 1;
  49. min-width: 0;
  50. }
  51. aside.aside-left .aside-app-list li a .app-info .app-name-text {
  52. color: rgba(21, 21, 21, 1);
  53. font-family: Source Han Sans SC;
  54. font-weight: 700;
  55. font-style: Bold;
  56. font-size: 14px;
  57. line-height: 15.4px;
  58. overflow: hidden;
  59. text-overflow: ellipsis;
  60. white-space: nowrap;
  61. }
  62. aside.aside-left .aside-app-list li a .app-info .app-form-text {
  63. color: rgba(143, 149, 159, 1);
  64. font-family: Source Han Sans SC;
  65. font-weight: 400;
  66. font-size: 13px;
  67. line-height: 13px;
  68. margin-top: 4px;
  69. overflow: hidden;
  70. text-overflow: ellipsis;
  71. white-space: nowrap;
  72. }