You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
3.9 KiB
2 lines
3.9 KiB
.vben-layout-mix-sider{position:fixed;top:0;left:0;z-index:550;height:100%;overflow:hidden;background-color:var(--sider-dark-bg-color);transition:all .2s ease 0s}.vben-layout-mix-sider-dom{height:100%;overflow:hidden;transition:all .2s ease 0s}.vben-layout-mix-sider-logo{display:flex;height:48px;padding-left:0!important;justify-content:center}.vben-layout-mix-sider-logo img{width:32px;height:32px}.vben-layout-mix-sider.light .vben-layout-mix-sider-logo{border-bottom:1px solid #eeeeee}.vben-layout-mix-sider.light.open>.scrollbar{border-right:1px solid #eeeeee}.vben-layout-mix-sider.light .vben-layout-mix-sider-module__item{font-weight:400;color:#000000a6}.vben-layout-mix-sider.light .vben-layout-mix-sider-module__item--active{color:#0960bd;background-color:unset}.vben-layout-mix-sider.light .vben-layout-mix-sider-menu-list__content{box-shadow:0 0 4px #0000001a}.vben-layout-mix-sider.light .vben-layout-mix-sider-menu-list__title .pushpin{color:#00000059}.vben-layout-mix-sider.light .vben-layout-mix-sider-menu-list__title .pushpin:hover{color:#000000d9}.vben-layout-mix-sider.dark.open>.scrollbar{border-right:1px solid var(--sider-dark-lighten-bg-color)}.vben-layout-mix-sider.dark .vben-layout-mix-sider-menu-list{background-color:var(--sider-dark-bg-color)}.vben-layout-mix-sider.dark .vben-layout-mix-sider-menu-list__title{color:#fff;border-bottom:none;border-bottom:1px solid var(--sider-dark-lighten-bg-color)}.vben-layout-mix-sider>.scrollbar{height:calc(100% - 86px)}.vben-layout-mix-sider.mini .vben-layout-mix-sider-module__name{display:none}.vben-layout-mix-sider.mini .vben-layout-mix-sider-module__icon{margin-bottom:0}.vben-layout-mix-sider-module{position:relative;padding-top:1px}.vben-layout-mix-sider-module__item{position:relative;padding:12px 0;color:#ffffffa6;text-align:center;cursor:pointer;transition:all .3s ease}.vben-layout-mix-sider-module__item:hover{color:#fff}.vben-layout-mix-sider-module__item--active{font-weight:700;color:#fff;background-color:var(--sider-dark-darken-bg-color)}.vben-layout-mix-sider-module__item--active:before{position:absolute;top:0;left:0;width:3px;height:100%;background-color:#0960bd;content:""}.vben-layout-mix-sider-module__icon{margin-bottom:8px;font-size:24px;transition:all .2s}.vben-layout-mix-sider-module__name{margin-bottom:0;font-size:12px;transition:all .2s}.vben-layout-mix-sider-trigger{position:absolute;bottom:0;left:0;width:100%;font-size:14px;color:#ffffffa6;text-align:center;cursor:pointer;background-color:#ffffff1a;height:36px;line-height:36px}.vben-layout-mix-sider.light .vben-layout-mix-sider-trigger{color:#000000a6;background-color:#fff;border-top:1px solid #eee}.vben-layout-mix-sider-menu-list{position:fixed;top:0;width:200px;height:100%;background-color:#fff;transition:all .2s}.vben-layout-mix-sider-menu-list__title{display:flex;height:48px;font-size:18px;color:#0960bd;border-bottom:1px solid #eeeeee;opacity:0%;transition:unset;align-items:center;justify-content:space-between}.vben-layout-mix-sider-menu-list__title.show{min-width:130px;opacity:100%;transition:all .5s ease}.vben-layout-mix-sider-menu-list__title .pushpin{margin-right:6px;color:#ffffffa6;cursor:pointer}.vben-layout-mix-sider-menu-list__title .pushpin:hover{color:#fff}.vben-layout-mix-sider-menu-list__content{height:calc(100% - 48px)!important}.vben-layout-mix-sider-menu-list__content .scrollbar__wrap{height:100%;overflow-x:hidden}.vben-layout-mix-sider-menu-list__content .scrollbar__bar.is-horizontal{display:none}.vben-layout-mix-sider-menu-list__content .ant-menu{height:100%}.vben-layout-mix-sider-menu-list__content .ant-menu-inline,.vben-layout-mix-sider-menu-list__content .ant-menu-vertical,.vben-layout-mix-sider-menu-list__content .ant-menu-vertical-left{border-right:1px solid transparent}.vben-layout-mix-sider-drag-bar{position:absolute;top:50px;right:-1px;width:1px;height:calc(100% - 50px);cursor:ew-resize;background-color:#f8f8f9;border-top:none;border-bottom:none;box-shadow:0 0 4px #1c243826}
|