ff-dist/dist/style.css

2 lines
15 KiB
CSS
Raw Normal View History

2024-04-17 10:38:43 +08:00
.ff-toast-drawer .ant-drawer-header{padding:0 8px 0 0}.ff-toast-drawer .ant-drawer-header .ant-drawer-title{height:50px;line-height:50px}.ff-toast-drawer .ant-drawer-header .ant-drawer-close{margin-inline-end:0}.ff-toast-drawer .ant-drawer-body{padding:8px}.ff-toast-drawer .ant-drawer-footer{padding:0 8px;height:46px;align-items:center;display:flex}.ff-toast-drawer .ant-drawer-footer .ff-toast-extras,.ff-toast-drawer .ant-drawer-footer .ff-toast-actions{display:flex;gap:4px}.ff-toast-drawer .ant-drawer-footer .ff-toast-extras{flex:1}.ff-toast .ff-toast-footer{height:46px;align-items:center;display:flex}.ff-toast .ff-toast-footer .ff-toast-extras,.ff-toast .ff-toast-footer .ff-toast-actions{display:flex;gap:4px}.ff-toast .ff-toast-footer .ff-toast-extras{flex:1}page-container{--bg-color: #fff;--mask-bg-color: rgba(0, 0, 0, .6)}page-container .ff-toast-notification{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}page-container .ff-toast-notification .ff-toast-notification-container{color:#fff;border-radius:12rpx;background-color:#0009;height:fit-content;padding:28rpx;max-width:50%;max-height:50%;text-align:center}page-container .ff-toast-notification .ff-toast-notification-container .iconfont.ff-toast-notification-icon{font-size:62rpx}page-container .ff-toast-notification .ff-toast-notification-container .iconfont.ff-toast-notification-icon+view{margin-top:20rpx}page-container .ff-toast-confirm{display:flex;align-items:center;justify-content:center;color:var(--text-color, #737373);background-color:#0006}page-container .ff-toast-confirm .ff-toast-confirm-container{background-color:#fff;width:80%;min-height:240rpx;max-height:80%;border-radius:12rpx;padding:38rpx;display:flex;flex-direction:column;gap:18rpx}page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-title{font-size:36rpx;text-align:center}page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-content{flex:1;overflow-y:auto;min-height:1.8em;max-height:70vh}page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-operations{display:flex;gap:38rpx}page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-operations .ff-toast-confirm-ok,page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-operations .ff-toast-confirm-cancel{flex:1;border-radius:32rpx;padding:10rpx 0;text-align:center}page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-operations .ff-toast-confirm-cancel{box-shadow:0 0 3rpx var(--text-color, #737373);border:1rpx solid var(--text-color, #737373)}page-container .ff-toast-confirm .ff-toast-confirm-container .ff-toast-confirm-operations .ff-toast-confirm-ok{color:#fff;background-color:var(--primary-color, #1890ff)}page-container .ff-toast .ff-toast-footer{height:46px;align-items:center;display:flex}page-container .ff-toast .ff-toast-footer .ff-toast-extras,page-container .ff-toast .ff-toast-footer .ff-toast-actions{display:flex;gap:4px}page-container .ff-toast .ff-toast-footer .ff-toast-extras{flex:1}.ff-grid-layout{--grid-layout-h: 1;--grid-layout-row: none;--grid-layout-row-height: 18px;--grid-layout-row-height-offset: 0px;--grid-layout-cols: 12;display:grid;grid-template-columns:repeat(var(--grid-layout-cols),1fr);grid-auto-rows:minmax(min-content,max-content);padding:var(--grid-layout-container-padding-y, 0) var(--grid-layout-container-padding-x, 0);column-gap:var(--grid-layout-item-margin-x);row-gap:var(--grid-layout-item-margin-y)}.ff-grid-layout .grid-layout-item{grid-row:span var(--grid-layout-h, 1);grid-column:calc(var(--grid-layout-x, 1) + 1)/calc(var(--grid-layout-x, 1) + var(--grid-layout-w, 1) + 1);height:calc(var(--grid-layout-row-height) * var(--grid-layout-h) + var(--grid-layout-row-height-offset));padding:var(--grid-layout-box-paddin);margin:var(--grid-layout-box-margin)}.ff-grid-layout-form{--grid-layout-h: 1;--grid-layout-row: none;--grid-layout-row-height: 18px;--grid-layout-row-height-offset: 0px;--grid-layout-cols: 12;display:grid;grid-template-columns:repeat(v