t-fighting-design/theme/dialog.css

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

.f-dialog{z-index:999;width:521px;background:#fff;border-radius:4px;border:1px solid #eee;display:inline-flex;flex-direction:column}.f-dialog__header{padding:12px 14px;border-bottom:1px solid #eee;text-align:center;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.f-dialog__header-title{font-size:15px;color:#333}.f-dialog__header .f-close-btn{position:absolute;right:15px}.f-dialog__body{padding:15px;box-sizing:border-box;flex:1}.f-dialog__footer{padding:10px 14px;border-top:1px solid #eee;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.f-dialog.f-dialog__fullscreen{width:100vw;height:100vh}