40 lines
709 B
CSS
40 lines
709 B
CSS
/* Component Style */
|
|
:local(.appContainer) {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
background: #f4f4f4;
|
|
}
|
|
:local(.appHeader) {
|
|
width: 100% !important;
|
|
height: 60px !important;
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
background: #ffffff;
|
|
position: relative;
|
|
z-index: 1300;
|
|
}
|
|
:local(.appBody) {
|
|
width: 100% !important;
|
|
height: calc(100% - 60px) !important;
|
|
display: flex;
|
|
}
|
|
:local(.appHeart) {
|
|
width: calc(100% - 230px);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex: 1;
|
|
position: relative;
|
|
}
|
|
:local(.appSide) {
|
|
max-width: 230px;
|
|
position: relative;
|
|
}
|
|
:local(.appMain) {
|
|
flex: 1 1;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
|