meri-design/dist/theme/SidebarCustom.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-sidebar-custom{display:flex;font-size:0;height:100%;overflow:hidden;position:relative;width:100%}.p-sidebar-custom-col-resize{cursor:col-resize}.p-sidebar-custom-col-resize>div{pointer-events:none;user-select:none}.p-sidebar-custom-col-resize .p-sidebar-left{pointer-events:none}.p-sidebar-custom-normal .p-sidebar-custom-btn{border-radius:12px;height:24px;line-height:24px;transform:translateX(-12px);width:24px}.p-sidebar-custom-normal .p-sidebar-custom-btn svg{height:12px;width:12px}.p-sidebar-custom-large .p-sidebar-custom-btn{border-radius:14px;height:28px;line-height:28px;transform:translateX(-14px);width:28px}.p-sidebar-custom-large .p-sidebar-custom-btn svg{height:16px;width:16px}.p-sidebar-custom-line{background-color:#246fe5;left:222px;pointer-events:none;width:2px}.p-sidebar-custom-bar,.p-sidebar-custom-line{height:100%;position:absolute;top:0;z-index:11}.p-sidebar-custom-bar{width:3px}.p-sidebar-custom-bar-change-size{cursor:col-resize}.p-sidebar-custom-bar-change-size:hover:before{background-color:#246fe5;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:2px;z-index:11}.p-sidebar-custom-btn{background-color:#fff;border:1px solid #e1e5eb;box-shadow:2px 0 10px rgba(31,35,41,.1);cursor:pointer;display:inline-block;font-size:0;overflow:hidden;position:absolute;text-align:center;top:16px;transition:background-color .3s;z-index:12}.p-sidebar-custom-btn:hover{background-color:#246fe5;border-color:#246fe5}.p-sidebar-custom-btn:hover svg path{fill:#fff}.p-sidebar-custom-btn svg{font-size:0;margin-top:-2px;transition:transform .3s;vertical-align:middle}.p-sidebar-custom-btn svg path{transition:fill .3s}.p-sidebar-custom-btn-rotate svg{transform:rotate(180deg)}.p-sidebar-left{background-color:#f7f9fa;border-right:1px solid #e1e5eb;height:100%;overflow:auto;position:relative;width:224px;z-index:10}.p-sidebar-right{height:100%;overflow:auto;width:calc(100% - 224px)}