vue-ohter.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .main-panel {
  2. margin-top: 50px;
  3. }
  4. .panel {
  5. margin-bottom: 10px !important;
  6. padding-left: 20px;
  7. border-radius: 10px;
  8. }
  9. .panel .active a {
  10. background-color: #29ba9c !important;
  11. border-radius: 18px !important;
  12. color: #fff;
  13. }
  14. .panel a {
  15. border: none !important;
  16. background-color: #fff !important;
  17. }
  18. .content {
  19. background: #eff3f6;
  20. padding: 10px !important;
  21. }
  22. .con {
  23. padding-bottom: 40px;
  24. position: relative;
  25. border-radius: 8px;
  26. min-height: 100vh;
  27. background-color: #fff;
  28. }
  29. .con .setting .block {
  30. padding: 10px;
  31. background-color: #fff;
  32. border-radius: 8px;
  33. }
  34. .con .setting .block .title {
  35. font-size: 18px;
  36. margin-bottom: 15px;
  37. display: flex;
  38. align-items: center;
  39. }
  40. .confirm-btn {
  41. width: calc(100% - 266px);
  42. position: fixed;
  43. bottom: 0;
  44. right: 0;
  45. margin-right: 10px;
  46. line-height: 63px;
  47. background-color: #ffffff;
  48. box-shadow: 0px 8px 23px 1px rgba(51, 51, 51, 0.3);
  49. background-color: #fff;
  50. text-align: center;
  51. }
  52. b {
  53. font-size: 14px;
  54. }
  55. .vue-crumbs a {
  56. color: #333;
  57. }
  58. .vue-crumbs a:hover {
  59. color: #29ba9c;
  60. }
  61. .vue-crumbs {
  62. margin: 0 20px;
  63. font-size: 14px;
  64. color: #333;
  65. font-weight: 400;
  66. padding-bottom: 10px;
  67. line-height: 32px;
  68. }