2 lines
7.2 KiB
CSS
2 lines
7.2 KiB
CSS
.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--el-transition-duration);width:100%}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer-splitter>.el-splitter-bar .el-splitter-bar__disable{display:none}.el-drawer-splitter>.el-splitter-bar .el-splitter-bar__dragger-horizontal:before{width:1px}.el-drawer-splitter>.el-splitter-bar .el-splitter-bar__dragger-vertical:before{height:1px}.el-drawer-splitter>.el-splitter-bar .el-splitter-bar__dragger:not(.el-drawer-splitter>.el-splitter-bar .el-splitter-bar__dragger-active,.el-drawer-splitter>.el-splitter-bar .el-splitter-bar__dragger:hover):before{background-color:transparent}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active .el-splitter-bar__dragger,.el-drawer-fade-leave-active .el-splitter-bar__dragger{display:none}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translate(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translate(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-splitter{display:flex;height:100%;margin:0;padding:0;position:relative;width:100%}.el-splitter__mask{bottom:0;left:0;position:absolute;right:0;top:0;z-index:999}.el-splitter__mask-horizontal{cursor:col-resize}.el-splitter__mask-vertical{cursor:row-resize}.el-splitter__horizontal{flex-direction:row}.el-splitter__vertical{flex-direction:column}.el-splitter-bar{flex:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-splitter-bar__disable{cursor:auto!important}.el-splitter-bar__disable:before{background-color:var(--el-border-color-light)!important}.el-splitter-bar__dragger{background:transparent;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.el-splitter-bar__dragger:after,.el-splitter-bar__dragger:before{background-color:var(--el-border-color-light);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-splitter-bar__dragger:not(.is-lazy):after{display:none}.el-splitter-bar__dragger:after{opacity:.4}.el-splitter-bar__dragger:hover:before{background-color:var(--el-color-primary-light-5)}.el-splitter-bar__dragger-horizontal:after,.el-splitter-bar__dragger-horizontal:before{height:100%;width:2px}.el-splitter-bar__dragger-vertical:after,.el-splitter-bar__dragger-vertical:before{height:2px;width:100%}.el-splitter-bar__dragger-active:after,.el-splitter-bar__dragger-active:before{background-color:var(--el-color-primary-light-3)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal:after{transform:translate(calc(-50% + var(--el-splitter-bar-offset)),-50%)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical:after{transform:translate(-50%,calc(-50% + var(--el-splitter-bar-offset)))}.el-splitter-bar:hover .el-splitter-bar__collapse-icon{opacity:1}.el-splitter-bar__collapse-icon{align-items:center;background:var(--el-border-color-light);border-radius:2px;cursor:pointer;display:flex;justify-content:center;opacity:0;position:absolute;z-index:9}.el-splitter-bar__collapse-icon:hover{background-color:var(--el-color-primary-light-5);opacity:1}.el-splitter-bar__horizontal-collapse-icon-start{height:24px;left:-12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__horizontal-collapse-icon-end{height:24px;left:12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__vertical-collapse-icon-start{height:16px;right:50%;top:-12px;transform:translate(50%,-50%);width:24px}.el-splitter-bar__vertical-collapse-icon-end{height:16px;right:50%;top:12px;transform:translate(50%,-50%);width:24px}.el-splitter-panel{box-sizing:border-box;flex-grow:0;overflow:auto;scrollbar-width:thin}.notification-list .notification-item[data-v-2d4958cc]{display:flex;padding:12px 0;border-bottom:1px solid var(--el-border-color-lighter)}.notification-list .notification-item.unread[data-v-2d4958cc]{background-color:var(--el-color-primary-light-9);border-left:3px solid var(--el-color-primary);padding-left:9px}.notification-list .notification-item .notification-icon[data-v-2d4958cc]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.notification-list .notification-item .notification-icon.success[data-v-2d4958cc]{background-color:var(--el-color-success-light-9);color:var(--el-color-success)}.notification-list .notification-item .notification-icon.warning[data-v-2d4958cc]{background-color:var(--el-color-warning-light-9);color:var(--el-color-warning)}.notification-list .notification-item .notification-icon.error[data-v-2d4958cc]{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger)}.notification-list .notification-item .notification-icon.info[data-v-2d4958cc]{background-color:var(--el-color-info-light-9);color:var(--el-color-info)}.notification-list .notification-item .notification-content[data-v-2d4958cc]{flex:1}.notification-list .notification-item .notification-content .notification-title[data-v-2d4958cc]{font-weight:600;margin-bottom:4px;color:var(--el-text-color-primary)}.notification-list .notification-item .notification-content .notification-message[data-v-2d4958cc]{font-size:13px;color:var(--el-text-color-regular);line-height:1.4;margin-bottom:4px}.notification-list .notification-item .notification-content .notification-time[data-v-2d4958cc]{font-size:12px;color:var(--el-text-color-placeholder)}.notification-list .notification-item .notification-actions[data-v-2d4958cc]{margin-left:12px}.notification-footer[data-v-2d4958cc]{display:flex;justify-content:flex-end;gap:8px}
|