30 lines
647 B
CSS
30 lines
647 B
CSS
.page-container {
|
|
width: 100%;
|
|
height: 100%; /* 视口高度，确保父容器有足够的高度来居中子元素 */
|
|
display: flex;
|
|
flex-direction: column; /* 垂直排列子元素 */
|
|
align-items: center; /* 水平居中 */
|
|
justify-content: center; /* 垂直居中 */
|
|
background-color: white;
|
|
}
|
|
|
|
.mud-paper-full-width {
|
|
width: 80%; /* 调整第一个paper的宽度 */
|
|
height: auto;
|
|
padding: 20px;
|
|
}
|
|
|
|
.mud-paper-80-percent-centered {
|
|
width: 80%;
|
|
min-height: 80%;
|
|
padding: 0px;
|
|
margin: 0 auto;
|
|
background-color: #959dff;
|
|
border: 1px solid #ccc;
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: 40px;
|
|
justify-content: center;
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
|
|
}
|