@ohu-mobile/core
Version:
80 lines (79 loc) • 1.54 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: 8px;
margin: 48px;
max-height: calc(100% - 96px);
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: 8px 8px 0 0;
overflow: hidden;
}
.ohu-dialog__banner .ohu-image {
display: block;
}
.ohu-dialog__body {
padding: 32px 0;
color: #333;
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: hidden;
}
.ohu-dialog__body__icon {
padding: 0 32px;
text-align: center;
font-size: 100px;
flex: 0 0 auto;
}
.ohu-dialog__body__icon ~ .ohu-dialog__body__title {
margin-top: 8px;
}
.ohu-dialog__body__title {
padding: 0 32px;
margin: 0;
text-align: center;
font-weight: 400;
font-size: 36px;
line-height: 1.3888888889em;
flex: 0 0 auto;
}
.ohu-dialog__body__title ~ .ohu-dialog__body__content {
margin-top: 16px;
color: #999;
}
.ohu-dialog__body__content {
padding: 0 50px;
margin: 0;
text-align: center;
font-weight: 400;
line-height: 1.5714285714em;
font-size: 28px;
word-wrap: break-word;
white-space: pre-wrap;
overflow-x: hidden;
overflow-y: auto;
flex: 1 1 auto;
}