@ohu-mobile/core
Version:
80 lines (79 loc) • 1.61 kB
CSS
.ohu-popup-wrapper.is-scrollable .ohu-dialog {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
.ohu-dialog {
width: 72%;
background: #fff;
border-radius: 0.10667rem;
margin: 0.64rem;
max-height: calc(100% - 1.28rem);
display: flex;
flex-direction: column;
}
.ohu-dialog__footer {
flex: 0 0 auto;
}
.ohu-dialog__actions {
display: flex;
}
.ohu-dialog__actions.is-row {
flex-flow: row nowrap;
}
.ohu-dialog__actions.is-row > .ohu-btn {
flex: 1;
}
.ohu-dialog__actions.is-column {
flex-flow: column wrap;
}
.ohu-dialog__banner {
border-radius: 0.10667rem 0.10667rem 0 0;
overflow: hidden;
}
.ohu-dialog__banner .ohu-image {
display: block;
}
.ohu-dialog__body {
padding: 0.42667rem 0;
color: #333;
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: hidden;
}
.ohu-dialog__body__icon {
padding: 0 0.42667rem;
text-align: center;
font-size: 1.33333rem;
flex: 0 0 auto;
}
.ohu-dialog__body__icon ~ .ohu-dialog__body__title {
margin-top: 0.10667rem;
}
.ohu-dialog__body__title {
padding: 0 0.42667rem;
margin: 0;
text-align: center;
font-weight: 400;
font-size: 0.48rem;
line-height: 1.3888888889em;
flex: 0 0 auto;
}
.ohu-dialog__body__title ~ .ohu-dialog__body__content {
margin-top: 0.21333rem;
color: #999;
}
.ohu-dialog__body__content {
padding: 0 0.66667rem;
margin: 0;
text-align: center;
font-weight: 400;
line-height: 1.5714285714em;
font-size: 0.37333rem;
word-wrap: break-word;
white-space: pre-wrap;
overflow-x: hidden;
overflow-y: auto;
flex: 1 1 auto;
}