real-time.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. $color: #c0c4cc;
  2. $bgColor: #232526;
  3. $hover-color: #304156;
  4. .realtime_equ_box {
  5. display: flex;
  6. overflow-y: auto;
  7. .station_tree {
  8. min-width: 260px;
  9. max-width: 450px;
  10. overflow-y: auto;
  11. height: calc(100vh - 70px);
  12. border-right: 1px solid #606266;
  13. overflow-y: auto;
  14. @import './tree-data.scss';
  15. }
  16. /**工具栏*/
  17. .tools {
  18. position: absolute;
  19. top: 5px;
  20. padding: 5px;
  21. font-size: 28px;
  22. color: #909399;
  23. z-index: 100;
  24. }
  25. .show_left {
  26. left: 265px;
  27. }
  28. .nono_left {
  29. left: 25px;
  30. }
  31. .show_org {
  32. cursor: pointer;
  33. }
  34. /**end*/
  35. .charts {
  36. flex: 1;
  37. position: relative;
  38. margin: 0 auto;
  39. overflow: auto;
  40. .times {
  41. display: flex;
  42. margin-top: 5px;
  43. }
  44. #station_svg {
  45. // width: 100%;
  46. height: calc(100vh - 85px);
  47. }
  48. .full_icon {
  49. position: absolute;
  50. right: 20px;
  51. top: 20px;
  52. padding: 5px;
  53. font-size: 28px;
  54. color: #909399;
  55. cursor: pointer;
  56. }
  57. .full_icon:hover {
  58. color: white;
  59. border-radius: 5px;
  60. }
  61. }
  62. }
  63. .svg_full {
  64. #full_svg {
  65. width: 92%;
  66. }
  67. }
  68. // .svg_full /deep/ .el-dialog {
  69. // border-radius: 17px;
  70. // background-color: $bgColor;
  71. // // 头部
  72. // .el-dialog__header {
  73. // border-radius: 0;
  74. // padding: 0;
  75. // }
  76. // // 主要内容
  77. // .el-dialog__body {
  78. // padding: 0;
  79. // }
  80. // }