ps-frame-father
Version:
An enterprise-class UI design language and React components implementation
30 lines (29 loc) • 521 B
CSS
.xDrawerWrap {
top: 0;
height: 100vh;
overflow: hidden;
}
.xDrawerWrap .xDrawerMask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.xDrawerWrap .xDrawerContent {
position: absolute;
top: 0;
padding: 16px;
height: 100%;
transition: all 0.3s;
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.xDrawerWrap .xDrawerContent .xCloseBtn {
position: absolute;
top: 10px;
right: 10px;
color: #ccc;
cursor: pointer;
}