plus-pro-components/theme-chalk/plus-header.css

Page level components developed based on Element Plus.

:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-header{align-items:center;border-bottom:1px solid var(--el-border-color);display:flex;justify-content:space-around}.plus-header.is-fixed{left:0;position:fixed;top:0;width:100%}.plus-header .plus-header__left{align-items:center;display:flex}.plus-header .plus-header__left .plus-header__logo{height:28px}.plus-header .plus-header__left .plus-header__title{color:var(--el-text-color-regular);font-size:18px;font-weight:600;margin:0 0 0 12px;padding:0}.plus-header .plus-header__placeholder{flex:1 1 0%}.plus-header .plus-header__right{align-items:center;display:flex}.plus-header .plus-header__right .plus-header__dropdown-area{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-header .plus-header__right .plus-header__avatar{border-radius:50%;height:24px;margin-right:4px;width:24px}.plus-header-placeholder{height:var(--plus-header-height);width:100%}