mirror of
https://github.com/schroinerxy/cloud-mail.git
synced 2026-06-21 19:35:50 +08:00
2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.settings-container[data-v-d01e4f5b]{height:100%;overflow:hidden;background:var(--extra-light-fill)!important;position:relative}.settings-container .loading[data-v-d01e4f5b]{display:flex;align-items:center;justify-content:center;height:100%;z-index:2;width:100%;position:absolute;top:0;left:0}.settings-container .loading-show[data-v-d01e4f5b]{transition:all .2s ease .2s;opacity:1}.settings-container .loading-hide[data-v-d01e4f5b]{transition:var(--loading-hide-transition);pointer-events:none;opacity:0}.scroll[data-v-d01e4f5b]{width:100%;min-height:100%}.scroll[data-v-d01e4f5b] .el-scrollbar__view{height:100%}.scroll .scroll-body[data-v-d01e4f5b]{min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-grid[data-v-d01e4f5b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));padding:20px;gap:20px}@media (max-width: 500px){.card-grid[data-v-d01e4f5b]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 1023px){.card-grid[data-v-d01e4f5b]{gap:15px;padding:15px}}.background[data-v-d01e4f5b]{width:250px;height:140px;border-radius:4px;border:1px solid var(--light-border)}@media (max-width: 500px){.background[data-v-d01e4f5b]{width:150px;height:83px}}.background-btn[data-v-d01e4f5b]{display:flex;gap:10px;flex-direction:column}.bot-verify-select[data-v-d01e4f5b]{margin-left:10px}.settings-card[data-v-d01e4f5b]{background-color:var(--el-bg-color);border-radius:8px;border:1px solid var(--el-border-color);transition:all .3s;overflow:hidden}.card-title[data-v-d01e4f5b]{font-size:15px;font-weight:700;padding:10px 20px;border-bottom:1px solid var(--el-border-color)}.card-content[data-v-d01e4f5b]{padding:20px;display:flex;flex-direction:column;gap:10px}.setting-item[data-v-d01e4f5b]{display:grid;grid-template-columns:auto 1fr;gap:10px;font-weight:400}.setting-item>div[data-v-d01e4f5b]:first-child{display:flex;align-items:center;gap:5px}.setting-item>div[data-v-d01e4f5b]:last-child{display:grid;grid-template-columns:1fr auto;justify-items:flex-end;font-weight:400}.title-icon.warning[data-v-d01e4f5b]{position:relative;top:2px;cursor:pointer;margin-left:2px}.warning[data-v-d01e4f5b]{margin-left:4px;color:gray;cursor:pointer}.cropper[data-v-d01e4f5b]{border-radius:4px;border:1px solid #D4D7DE;height:397px;width:705px}@media (max-width: 767px){.cropper[data-v-d01e4f5b]{width:calc(100vw - 60px);height:calc((100vw - 60px)*.5625)}}.dialog-footer[data-v-d01e4f5b]{display:flex;justify-content:space-between}.notice-popup-item[data-v-d01e4f5b]{margin-top:15px}.notice-line-item[data-v-d01e4f5b]{margin-top:15px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.notice-line-item[data-v-d01e4f5b]>*{width:100%}@media (max-width: 840px){.notice-line-item[data-v-d01e4f5b]{grid-template-columns:1fr 1fr}}@media (max-width: 580px){.notice-line-item[data-v-d01e4f5b]{grid-template-columns:1fr}}.background-url[data-v-d01e4f5b]{width:min(100vw - 70px,500px)}[data-v-d01e4f5b] .el-dialog{width:400px!important}@media (max-width: 440px){[data-v-d01e4f5b] .el-dialog{width:calc(100% - 40px)!important;margin-right:20px!important;margin-left:20px!important}}[data-v-d01e4f5b] .resend-table.el-dialog{min-height:300px;width:500px!important}@media (max-width: 540px){[data-v-d01e4f5b] .resend-table.el-dialog{width:calc(100% - 40px)!important;margin-right:20px!important;margin-left:20px!important}}[data-v-d01e4f5b] .notice-popup.el-dialog{min-height:300px;width:820px!important}@media (max-width: 860px){[data-v-d01e4f5b] .notice-popup.el-dialog{width:calc(100% - 40px)!important;margin-right:20px!important;margin-left:20px!important}}[data-v-d01e4f5b] .resend-table .el-dialog__header{padding-bottom:5px}[data-v-d01e4f5b] .el-table__inner-wrapper:before{background:var(--el-bg-color)}[data-v-d01e4f5b] .cut-dialog.el-dialog{width:fit-content!important;height:fit-content!important}[data-v-d01e4f5b] .forward-dialog.el-dialog{width:500px!important}@media (max-width: 540px){[data-v-d01e4f5b] .forward-dialog.el-dialog{width:calc(100% - 40px)!important;margin-right:20px!important;margin-left:20px!important}}.forward-dialog .forward-head[data-v-d01e4f5b]{display:flex;align-items:center}.forward-dialog .forward-head .forward-set-title[data-v-d01e4f5b]{top:1px;position:relative;font-size:16px;font-weight:700}.error-image[data-v-d01e4f5b]{background:var(--light-ill);height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.cut-button[data-v-d01e4f5b]{padding-top:15px;width:100%;display:flex;justify-content:space-between}.cut-button .el-button[data-v-d01e4f5b]{width:fit-content}.bot-verify[data-v-d01e4f5b]{display:grid;grid-template-columns:1fr auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bot-verify span[data-v-d01e4f5b]{display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.bot-verify .el-button[data-v-d01e4f5b]{width:48px;margin:0 0 0 10px}.forward-set-body[data-v-d01e4f5b]{display:flex;flex-direction:column;gap:15px}.forward-set-body .el-switch[data-v-d01e4f5b]{align-self:end}.forward span[data-v-d01e4f5b]{display:flex;align-items:center}.forward .el-button[data-v-d01e4f5b]{width:48px;margin:0 0 0 10px}.opt-button[data-v-d01e4f5b]{width:fit-content!important}.r2domain[data-v-d01e4f5b]{display:grid;grid-template-columns:1fr auto;align-items:center}.r2domain span[data-v-d01e4f5b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.r2domain .el-button[data-v-d01e4f5b]{width:48px;margin:0 0 0 10px}.personalized[data-v-d01e4f5b]{align-items:start}.personalized>div[data-v-d01e4f5b]:last-child{display:flex;justify-content:end}.personalized>div:last-child .el-button[data-v-d01e4f5b]{margin-left:10px;margin-top:0}.concerning-item[data-v-d01e4f5b]{display:flex;align-items:center}.concerning-item .community[data-v-d01e4f5b]{display:flex;row-gap:10px;flex-wrap:wrap}.concerning-item[data-v-d01e4f5b] .el-button{padding:0 10px;font-weight:400}.concerning-item[data-v-d01e4f5b] .el-button i{font-size:22px}.concerning-item>span[data-v-d01e4f5b]:first-child{font-weight:400;padding-right:20px;white-space:nowrap}.email-title[data-v-d01e4f5b]{font-weight:400!important;display:grid;gap:10px;grid-template-columns:1fr auto;align-items:center}.email-title span[data-v-d01e4f5b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.email-title .el-button[data-v-d01e4f5b]{margin-top:0}.token-item[data-v-d01e4f5b]{padding-top:0}.token-item div[data-v-d01e4f5b]:last-child{font-weight:400}form .el-button[data-v-d01e4f5b]{margin-top:15px;width:100%}.el-switch[data-v-d01e4f5b]{height:28px}[data-v-d01e4f5b] .el-button--small{margin-top:2px!important;margin-bottom:2px!important;height:24px}[data-v-d01e4f5b] .el-select__wrapper{min-height:28px}
|