.mainContainer {
|
width: 100%;
|
height: 100vh;
|
}
|
|
.mainContainer .headerBox {
|
width: 100%;
|
height: 60px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
background: #333;
|
color: #fff;
|
}
|
|
.mainContainer .headerBox .logoBox {
|
width: 300px;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
padding-left: 20px;
|
}
|
|
.mainContainer .headerBox .navBox {
|
height: 100%;
|
flex: 1;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
padding-right: 20px;
|
}
|
|
.mainContainer .headerBox .navBox a {
|
color: #fff;
|
}
|
|
.mainContainer .headerBox .navBox a:hover {
|
color: #f83434;
|
}
|
|
.mainContainer .headerBox .navBox .divider {
|
padding: 0 10px;
|
color: #fff;
|
}
|
|
.mainContainer .mainBox {
|
height: calc(100% - 60px);
|
}
|
