widely
Version:
92 lines (90 loc) • 2.98 kB
text/less
// :global {
.gmodal-root {
.ant-modal {
padding-bottom: 0 ;
margin: 0 ;
}
.ant-modal-wrap {
&::-webkit-scrollbar-track,
&::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.5) ;
}
}
.ant-modal-content {
display: flex;
flex-direction: column;
height: 100%;
border-radius: .5em;
&:hover .ant-modal-body::-webkit-scrollbar-thumb {
display: block;
}
.ant-spin-nested-loading {
height: 100%;
.ant-spin-container {
display: flex;
flex-direction: column;
height: 100%;
}
}
.ant-modal-header {
border-radius: .5em .5em 0 0;
height: 55px;
line-height: 55px;
padding: 0 20px;
.ant-modal-title{
height: 55px;
line-height: 55px;
font-size: 16px;
font-weight: bold;
color: #4e5a67;
}
}
.ant-modal-footer{
height: 60px;
line-height: 60px;
padding: 0 20px;
}
.ant-modal-body {
flex: 1;
overflow: auto;
&::-webkit-scrollbar {
width: 5px ;
}
&::-webkit-scrollbar-thumb {
display: none;
border-radius: 20px ;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3) ;
background: #f0f0f0 ;
}
&::-webkit-scrollbar-track {
//-webkit-box-shadow: inset 0 0 5px #f0f0f0 ;
border-radius: 20px ;
background: transparent ;
}
}
.ant-modal-move-header {
box-sizing: content-box;
position: absolute;
top: 0;
width: 100%;
height: 22px;
padding: 16px 0;
border-radius: .5em;
cursor: move;
}
.ant-modal-resize-flag {
display: none;
position: absolute;
right: 0;
bottom: 0;
background: transparent;
font-size: 12px;
border-radius: 0 0 2px 2px;
cursor: se-resize;
}
&:hover .ant-modal-resize-flag {
display: block;
}
}
}
// }