@whitesev/pops
Version:
弹窗库
48 lines (47 loc) • 1.26 kB
CSS
.pops[type-value] .pops-alert-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.pops[type-value="alert"] .pops-alert-title {
width: 100%;
height: var(--container-title-height);
border-bottom: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));
}
.pops[type-value="alert"] .pops-alert-title p[pops] {
width: 100%;
overflow: hidden;
color: rgb(51, 51, 51);
text-indent: 15px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
line-height: normal;
}
.pops[type-value="alert"] .pops-alert-content {
width: 100%;
/*height: calc(
100% - var(--container-title-height) - var(--container-bottom-btn-height)
);*/
flex: 1;
overflow: auto;
word-break: break-word;
}
.pops[type-value="alert"] .pops-alert-content p[pops] {
padding: 5px 10px;
color: rgb(51, 51, 51);
text-indent: 15px;
}
.pops[type-value="alert"] .pops-alert-btn {
/*position: absolute;
bottom: 0;*/
display: flex;
padding: 10px 10px 10px 10px;
width: 100%;
height: var(--container-bottom-btn-height);
max-height: var(--container-bottom-btn-height);
line-height: normal;
border-top: 1px solid rgb(229, 229, 229, var(--pops-bd-opacity));
text-align: right;
align-items: center;
}