@ykcl/smart-ui-oversea/packages/theme-chalk/lib/dialog-status.css

A Component Library for Vue.js.

.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.yk-popup-parent--hidden{overflow:hidden}.yk-dialog-status{position:relative;margin:0 auto 50px;background:#FFF;border-radius:4px;box-shadow:6px 8px 16px 0 rgba(111,144,194,.08),-6px -8px 16px 0 rgba(111,144,194,.08);box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;width:520px}.yk-dialog-status.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.yk-dialog-status__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.yk-dialog-status__header{border-bottom:1px solid rgba(46,99,253,.06);padding:22px 20px 22px 24px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}.yk-dialog-status__headerbtn{padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.yk-dialog-status__headerbtn .yk-dialog__close{color:#2C2836;font-size:24px}.yk-dialog-status__headerbtn:focus .yk-dialog__close,.yk-dialog-status__headerbtn:hover .yk-dialog__close{color:#2E63FD}.yk-dialog-status__title{line-height:24px;color:#2C2836;width:calc(100% - 125px);height:24px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yk-dialog-status__body{padding:24px;color:rgba(44,40,54,.56);font-size:14px;word-break:break-all;flex-grow:2;font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.yk-dialog-status__footer{padding:10px 24px 0 0;text-align:right;box-sizing:border-box}.yk-dialog-status--center{text-align:center}.yk-dialog-status--center .yk-dialog-status__body{text-align:initial;padding:25px 25px 30px}.yk-dialog-status--center .yk-dialog-status__footer{text-align:inherit}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.yk-dialog-status_left{font-size:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.yk-dialog-status_right{flex-grow:2;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;padding-bottom:16px}