@cblink/finches-ui/dist/finches-ui/theme-chalk/el-header.css

A Component Library for Vue 3

.page-header-title{font-size:20px;font-weight:500;color:#9a9a9a;line-height:28px}.el-header{display:flex;justify-content:space-between;align-items:center;background-color:#b3c0d1;color:#333;text-align:center;border-bottom:solid 1px #e6e6e6;padding:0 40px}.page-header-front{width:33px;height:33px;border-radius:50%;overflow:hidden}.page-header-front img{width:100%;height:100%;border-radius:50%}.page-header-right{display:flex}.page-header-right .spaces{display:flex}.page-header-right .spaces .space-item{width:97px;height:33px;border-radius:17px;border:1px solid #d3d3d3;display:flex;align-items:center;justify-content:center;margin-right:25px;font-size:14px;color:#9a9a9a}.page-header-right .spaces .space-item img{width:14px;height:14px;margin-right:3px}