49 lines
1.1 KiB
CSS
49 lines
1.1 KiB
CSS
#ScreenBox {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#ScreenBox .screen-wrap {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
#ScreenBox .screen-wrap .screen-view {
|
|
-webkit-transition: left 0.3s;
|
|
transition: left 0.3s;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
overflow-x: auto;
|
|
height: 56px;
|
|
-webkit-box-pack: left;
|
|
-ms-flex-pack: left;
|
|
justify-content: left;
|
|
}
|
|
#ScreenBox .screen-wrap .screen-view .screen-item {
|
|
position: relative;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.dzz-affix .el-affix--fixed {
|
|
background: var(--el-bg-color-page);
|
|
} |