2 lines
7.6 KiB
CSS
2 lines
7.6 KiB
CSS
.viewport[data-v-f1eae0c5]{min-width:1024px;max-width:1920px;min-height:780px;margin:0 auto -20px;position:relative;display:flex;padding:5rem .833rem 0;line-height:1.15;background-color:#101129;height:100vh}.column[data-v-f1eae0c5]{flex:3;position:relative}.panel[data-v-f1eae0c5]{box-sizing:border-box;border:2px solid red;border-image:url(data:image/png;base64,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) 51 38 21 132;border-width:2.125rem 1.583rem .875rem 5.5rem;position:relative;margin-bottom:.833rem}.panel .inner[data-v-f1eae0c5]{position:absolute;inset:-2.125rem -1.583rem -.875rem -5.5rem;padding:1rem 1.5rem}.panel h3[data-v-f1eae0c5]{font-size:.833rem;color:#fff}.brand[data-v-f1eae0c5]{background-image:url(/assets/brand.B4FaKN_g.png);background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:.833rem;left:0;right:0;width:100%;height:5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer}.brand .brand-title[data-v-f1eae0c5]{color:#fff;font-size:1.4rem;font-weight:600;padding-top:1rem;padding-bottom:.5rem}.brand .brand-desc[data-v-f1eae0c5]{color:#d9d9d9;font-size:.9rem}.upfFlow[data-v-f1eae0c5]{height:40%}.upfFlow .inner .chart[data-v-f1eae0c5]{width:100%;height:100%;margin-top:1rem}.topology[data-v-f1eae0c5]{height:56.4%}.topology .inner h3[data-v-f1eae0c5]{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.topology .inner h3 .normal[data-v-f1eae0c5]{color:#52c41a;font-size:1.1rem;margin-right:8px}.topology .inner h3 .abnormal[data-v-f1eae0c5]{color:#f5222d;font-size:1.1rem}.topology .inner .chart[data-v-f1eae0c5]{width:100%;height:100%;margin-top:1rem}.skim[data-v-f1eae0c5]{height:14.4%}.skim .inner .data[data-v-f1eae0c5]{display:flex;flex-direction:row;align-items:center;height:90%}.skim .inner .data .item[data-v-f1eae0c5]{display:flex;flex-direction:column;align-items:baseline;width:33%}.skim .inner .data .item div[data-v-f1eae0c5]{font-size:1.467rem;color:#fff;margin-bottom:0;display:flex;align-items:baseline;line-height:2rem}.skim .inner .data .item span[data-v-f1eae0c5]{color:#4c9bfd;font-size:.833rem;width:100%;position:relative;line-height:2rem;white-space:nowrap;text-align:start;text-overflow:ellipsis;overflow:hidden}.skim .inner .data .item span[data-v-f1eae0c5]:before{content:" ";position:absolute;inset:2px 0 0;z-index:0;background-image:linear-gradient(to right,#fff,#fff0);height:1px;border-radius:4px}.skim.base[data-v-f1eae0c5]{height:12%}.skim.base .inner .data[data-v-f1eae0c5]{display:flex;flex-direction:row;align-items:center;height:75%}.skim.base .inner .data .item[data-v-f1eae0c5]{display:flex;flex-direction:column;align-items:baseline;width:50%}.userActivity[data-v-f1eae0c5]{height:54.6%}.userActivity .inner .chart[data-v-f1eae0c5]{width:100%;height:100%;margin-top:1rem}.upfFlowTotal[data-v-f1eae0c5]{height:14.4%}.upfFlowTotal .inner h3[data-v-f1eae0c5]{display:flex;justify-content:space-between}.upfFlowTotal .inner h3 .filter[data-v-f1eae0c5]{display:flex}.upfFlowTotal .inner h3 .filter span[data-v-f1eae0c5]{display:block;height:.75rem;line-height:1;padding:0 .75rem;color:#1950c4;font-size:.75rem;border-right:.083rem solid #00f2f1;cursor:pointer}.upfFlowTotal .inner h3 .filter span[data-v-f1eae0c5]:first-child{padding-left:0}.upfFlowTotal .inner h3 .filter span[data-v-f1eae0c5]:last-child{border-right:none}.upfFlowTotal .inner h3 .filter span.active[data-v-f1eae0c5]{color:#fff;font-size:.833rem}.upfFlowTotal .inner .chart[data-v-f1eae0c5]{width:100%;height:100%;margin-top:.1rem}.upfFlowTotal .inner .chart .data[data-v-f1eae0c5]{display:flex;flex-direction:column;justify-content:space-around;height:60%}.upfFlowTotal .inner .chart .data .item[data-v-f1eae0c5]{display:flex;justify-content:space-between;align-items:baseline}.upfFlowTotal .inner .chart .data .item h4[data-v-f1eae0c5]{font-size:1.467rem;color:#fff;margin-bottom:0}.upfFlowTotal .inner .chart .data .item span[data-v-f1eae0c5]{color:#4c9bfd;font-size:.867rem}.resources[data-v-f1eae0c5]{height:34.4%}.resources .inner .chart[data-v-f1eae0c5]{width:100%;height:100%;margin-top:1rem}.alarmType[data-v-f1eae0c5]{height:46%}.alarmType .inner .chart[data-v-f1eae0c5]{width:100%;height:100%;margin-top:1rem}.toRouter[data-v-f1eae0c5]:hover{cursor:pointer;color:#fff!important}.toRouter:hover>*[data-v-f1eae0c5],.toRouter:hover>*>*[data-v-f1eae0c5]{color:#fff!important}.mocn[data-v-f1eae0c5]{height:20.6%}.mocn .inner .chart .data[data-v-f1eae0c5]{height:unset}.mocn .inner .chart .data .item[data-v-f1eae0c5]{width:50%}.alarmType[data-v-f1eae0c5]{height:24.4%}
|