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.6 KiB
2 lines
3.6 KiB
.vben-layout-header{display:flex;height:48px;padding:0;margin-left:-1px;line-height:48px;color:#fff;background-color:#fff;align-items:center;justify-content:space-between}.vben-layout-header--mobile .vben-layout-breadcrumb,.vben-layout-header--mobile .error-action,.vben-layout-header--mobile .notify-item,.vben-layout-header--mobile .fullscreen-item{display:none}.vben-layout-header--mobile .vben-app-logo{min-width:unset;padding-right:0}.vben-layout-header--mobile .vben-app-logo__title{display:none}.vben-layout-header--mobile .vben-layout-header-trigger{padding:0 4px 0 8px!important}.vben-layout-header--mobile .vben-layout-header-action{padding-right:4px}.vben-layout-header--fixed{position:fixed;top:0;left:0;z-index:500;width:100%}.vben-layout-header-logo{height:48px;min-width:192px;padding:0 10px;font-size:14px}.vben-layout-header-logo img{width:32px;height:32px;margin-right:2px}.vben-layout-header-left{display:flex;height:100%;align-items:center}.vben-layout-header-left .vben-layout-header-trigger{display:flex;height:100%;padding:1px 10px 0;cursor:pointer;align-items:center}.vben-layout-header-left .vben-layout-header-trigger .anticon{font-size:16px}.vben-layout-header-left .vben-layout-header-trigger.light:hover{background-color:#f6f6f6}.vben-layout-header-left .vben-layout-header-trigger.light svg{fill:#000}.vben-layout-header-left .vben-layout-header-trigger.dark:hover{background-color:var(--header-bg-hover-color)}.vben-layout-header-menu{height:100%;min-width:0;flex:1;align-items:center}.vben-layout-header-action{display:flex;min-width:180px;align-items:center}.vben-layout-header-action__item{display:flex!important;height:48px;padding:0 2px;font-size:1.2em;cursor:pointer;align-items:center}.vben-layout-header-action__item .ant-badge{height:48px;line-height:48px}.vben-layout-header-action__item .ant-badge-dot{top:10px;right:2px}.vben-layout-header-action span[role=img]{padding:0 8px}.vben-layout-header--light{background-color:#fff!important;border-bottom:1px solid #eee;border-left:1px solid #eee}.vben-layout-header--light .vben-layout-header-logo{color:#000000d9}.vben-layout-header--light .vben-layout-header-logo:hover{background-color:#f6f6f6}.vben-layout-header--light .vben-layout-header-action__item{color:#000000d9}.vben-layout-header--light .vben-layout-header-action__item .app-iconify{padding:0 10px;font-size:16px!important}.vben-layout-header--light .vben-layout-header-action__item:hover{background-color:#f6f6f6}.vben-layout-header--light .vben-layout-header-action-icon,.vben-layout-header--light .vben-layout-header-action span[role=img]{color:#000000d9}.vben-layout-header--dark{background-color:var(--header-bg-color)!important;border-left:1px solid #d9d9d9}.vben-layout-header--dark .vben-layout-header-logo:hover{background-color:var(--header-bg-hover-color)}.vben-layout-header--dark .vben-layout-header-action__item .app-iconify{padding:0 10px;font-size:16px!important}.vben-layout-header--dark .vben-layout-header-action__item .ant-badge span{color:#fff}.vben-layout-header--dark .vben-layout-header-action__item:hover{background-color:var(--header-bg-hover-color)}.top-layout{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.top-layout .left{display:flex;align-items:center;width:325px}.top-layout .left .flow-actions{justify-content:space-around}.top-layout .left .flow-actions span{font-size:14px}.top-layout .right{display:flex;align-items:center;justify-content:flex-end;min-width:200px;width:675px}.top-layout .right span[role=img]{padding:0 5px}.top-layout .right span{font-size:14px!important}.top-layout .right>span{margin:0 12px}
|