apps-aside.css 1.6 KB

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