bee-search-panel
Version:
SearchPanel ui component for react
63 lines (62 loc) • 1.71 kB
CSS
/* FormGroup */
/* Navlayout */
.u-search {
background: #F7F9FB; }
.u-search-header {
color: #424242;
overflow: hidden;
height: 48px;
padding: 11px 24px; }
.u-search-header > a {
overflow: hidden; }
.u-search-header-title {
float: left;
color: #434A54;
line-height: 26px;
font-size: 14px;
font-weight: 500; }
.u-search-header-title > i {
font-weight: 600; }
.u-search-header-oper {
float: right;
vertical-align: center;
line-height: 0; }
.u-search-header-oper .header-oper-btn {
display: inline-block;
width: 64px;
height: 26px;
text-align: center;
font-size: 12px;
line-height: 26px;
border-radius: 3px;
margin-left: 8px;
cursor: pointer;
vertical-align: middle; }
.u-search-header-oper .header-oper-btn:hover {
background: #EBECF0; }
.u-search-header-oper .header-oper-btn > i {
font-size: 12px;
padding-right: 0; }
.u-search-header-oper .header-oper-btn.primary {
background: #5E6C84;
color: #ffffff; }
.u-search-header-oper .header-oper-btn.primary:hover {
background: #344563; }
.u-search-resident {
padding: 0 24px 10px; }
.u-search .u-panel {
border-radius: 0;
border: none;
margin-bottom: 0;
background: transparent;
box-shadow: none; }
.u-search .u-panel .u-panel-heading {
height: 48px;
padding: 11px 24px;
border: none;
background: transparent; }
.u-search .u-panel .u-panel-body {
background: transparent;
padding: 0 24px 10px; }
.u-search .u-panel .u-panel-collapse.collapsing {
width: 100%; }