1 line
3.0 KiB
CSS
1 line
3.0 KiB
CSS
.nopadding[data-v-51f54629]{display:flex;align-items:center;justify-content:center}.boxRow .boxCol[data-v-51f54629]{margin:10px 0 10px 0}.monitorBox[data-v-51f54629]{border:1px solid #f2f2f2;padding:15px}.monitorItem[data-v-51f54629]{width:100%;display:flex;align-items:stretch}.monitorItem .itemLeft[data-v-51f54629]{flex-basis:290px;height:175px}.monitorItem .itemLeft .img[data-v-51f54629],.monitorItem .itemLeft .monitorVideo[data-v-51f54629]{width:100%;height:100%}.monitorItem .itemRight[data-v-51f54629]{padding:0 20px;flex:1;overflow:hidden}.monitorItem .itemRight .header[data-v-51f54629]{display:flex;align-items:stretch;justify-content:space-between;margin-bottom:20px}.monitorItem .itemRight .header .name[data-v-51f54629]{font-size:14px;color:#000}.monitorItem .itemRight .header .status[data-v-51f54629]{height:28px;padding:0 20px;background:#67c23a33;display:flex;align-items:center;justify-content:center;color:#67c23a;border-radius:4px}.monitorItem .itemRight .dateCom[data-v-51f54629]{display:flex;align-items:center;justify-content:space-between;margin:10px 0 20px 0}.monitorItem .itemRight .dateCom .dateLeft[data-v-51f54629],.monitorItem .itemRight .dateCom .dateRight[data-v-51f54629]{display:flex;align-items:center}.monitorItem .itemRight .comText[data-v-51f54629]{display:flex;align-items:center;margin:8px 0}.monitorItem .itemRight .comText .name[data-v-51f54629]{flex-basis:110px}.monitorItem .itemRight .comText .text[data-v-51f54629]{flex:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarmName[data-v-51f54629]{margin:10px 0}.alarmBox[data-v-51f54629]{height:140px;overflow:hidden;position:relative}.alarmBox .vague[data-v-51f54629]{position:absolute;left:0;top:0;z-index:100;width:calc(100% - 10px);height:40px;background:linear-gradient(#fff,hsla(0,0%,100%,.1))}.alarmBox .alarmCom[data-v-51f54629]{display:flex;align-items:center;margin-bottom:12px}.alarmBox .alarmCom .comLeft[data-v-51f54629]{width:60px;height:40px}.alarmBox .alarmCom .comLeft .img[data-v-51f54629]{width:100%;height:100%;cursor:pointer}.alarmBox .alarmCom .comRight[data-v-51f54629]{color:#fa3758;padding-left:20px}.alarmBox .alarmCom[data-v-51f54629]:last-child{margin-bottom:0}.dark .monitorBox[data-v-51f54629]{border-color:var(--el-border-color-light)}.dark .monitorItem .itemRight .header .name[data-v-51f54629]{color:#fff}.dark .vague[data-v-51f54629]{color:#1d1e20;background:linear-gradient(#1d1e20,rgba(29,30,32,.1))}@media(max-width:1600px){.monitorItem .itemRight .dateCom[data-v-51f54629]{display:flex;flex-wrap:wrap;margin:8px 0}.monitorItem .itemRight .dateCom .dateLeft[data-v-51f54629],.monitorItem .itemRight .dateCom .dateRight[data-v-51f54629]{width:100%;display:flex;align-items:center}.monitorItem .itemRight .dateCom .name[data-v-51f54629]{flex-basis:110px}.monitorItem .itemRight .dateCom .text[data-v-51f54629]{flex:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:1200px){.monitorItem[data-v-51f54629]{display:flex;flex-direction:column}.monitorItem .itemRight .header[data-v-51f54629]{margin-top:10px}} |