5 lines
9.2 KiB
CSS
5 lines
9.2 KiB
CSS
|
/*!
|
||
|
|
Build based on gin-vue-admin
|
||
|
|
Time : 1776662816000 */
|
||
|
|
.background-box{max-width:100vw;height:100vh;background:url(/electricity/assets/087AC4D233B64EB0background.CofXiwfJ.png) #000 no-repeat center center/100% 100%}.container{position:relative;display:flex;max-width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999}.container .left{display:flex;flex-direction:column;padding:.9rem 0;width:5.63rem;height:100%;background:url(/electricity/assets/087AC4D233B64EB0background-left.DcQrgOmZ.png) no-repeat;background-size:100% 100%;gap:.12rem}.container .left .module-card{border-radius:8px;padding:.2rem .2rem .2rem .4rem;display:flex;flex-direction:column;flex:1}.container .left .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.08rem}.container .left .module-title{display:flex;align-items:center;gap:.1rem;font-size:.2rem;font-weight:700;color:#e2e8f0}.container .left .title-icon{width:.06rem;height:.24rem;background:linear-gradient(180deg,#00d4ff,#3b82f6);border-radius:2px}.container .left .left-first-module{flex:1}.container .left .device-stat-content{display:flex;flex:1}.container .left .device-ring-chart{flex:1;min-height:1.5rem;height:100%;width:100%}.container .left .device-list{flex:.8;display:flex;flex-direction:column}.container .left .device-item{display:flex;align-items:center;gap:.12rem;font-size:.18rem;font-weight:700;white-space:nowrap}.container .left .device-dot{width:.1rem;height:.1rem;border-radius:2px}.container .left .device-name{color:#e2e8f0;flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .left .device-count{color:#e2e8f0;font-weight:700;font-size:.14rem;margin-right:.06rem;white-space:nowrap}.container .left .device-percent{color:#10b981;font-weight:700;white-space:nowrap}.container .left .left-second-module{flex:.7}.container .left .device-status-content{flex:1;overflow:hidden}.container .left .device-status-content .el-table{--el-table-border-color: transparent !important;background-color:transparent!important;background:transparent!important}.container .left .device-status-content .el-table th,.container .left .device-status-content .el-table td,.container .left .device-status-content .el-table tr,.container .left .device-status-content .el-table .el-table__cell,.container .left .device-status-content .el-table .el-table__row{background-color:transparent!important;background:transparent!important}.container .left .device-status-content .el-table td,.container .left .device-status-content .el-table th{border:none!important}.container .left .device-status-content .el-table .cell{font-size:.14rem!important;color:#e2e8f0!important}.container .left .status-dot{width:.16rem;height:.16rem;border-radius:50%;display:inline-block}.container .left .status-dot.online{background-color:#10b981}.container .left .status-dot.alarm{background-color:#ef4444}.container .left .status-dot.offline{background-color:#64748b}.container .left .left-third-module{flex:1.3}.container .left .project-bar-chart{flex:1;min-height:1.5rem;height:100%;width:100%}.container .center{flex:1;display:flex;flex-direction:column;padding-bottom:.3rem}.container .center .title{height:1rem;line-height:1rem;text-align:center;color:#fff;font-size:.4rem;font-weight:700}.container .center .top{flex:1;padding-top:.69rem;text-align:center;position:relative}.container .center .top .image{margin:0 auto}.container .center .top .image.first{width:5.85rem;height:1.55rem}.container .center .top .image.second{position:relative;top:-.2rem;width:5.64rem;height:1.14rem}.container .center .top .image.third{position:relative;top:-.5rem;width:2.5rem;height:2.5rem}.container .center .top .image.fifth{position:relative;top:-.8rem;width:5.98rem;height:1.21rem}.container .center .top>div{position:absolute}.container .center .top>div>p{font-size:.16rem;font-weight:700;color:#fff}.container .center .top>div>img{width:1.32rem;height:.85rem}.container .center .top>div.first{top:5.22rem;left:50%;transform:translate(-3.9rem)}.container .center .top>div.second{top:5.54rem;left:50%;transform:translate(-1.9rem)}.container .center .top>div.thi
|