| | |
| | | .normal-navbar-edit-box { |
| | | position: fixed; |
| | | position: absolute; |
| | | bottom: 0px; |
| | | left: 0px; |
| | | width: 100%; |
| | |
| | | background-position: center center; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | min-height: 50px; |
| | | min-height: 30px; |
| | | z-index: 3; |
| | | |
| | | .menu { |
| | | display: block; |
| | | height: 100%; |
| | | display: flex; |
| | | font-size: inherit; |
| | | color: inherit; |
| | | .ant-menu { |
| | | background: transparent; |
| | | line-height: inherit; |
| | | font-size: inherit; |
| | | color: inherit; |
| | | border: 0; |
| | | .ant-menu-item:hover, .ant-menu-item-active { |
| | | color: unset; |
| | | .am-tab-bar-tab { |
| | | position: relative; |
| | | text-align: center; |
| | | flex: 1; |
| | | cursor: pointer; |
| | | .anticon { |
| | | font-size: 150%; |
| | | } |
| | | .ant-menu-item span { |
| | | display: inline-block; |
| | | .am-tab-bar-tab-title:first-child { |
| | | font-size: 14px; |
| | | line-height: 40px; |
| | | } |
| | | .am-badge-text { |
| | | position: absolute; |
| | | top: -2px; |
| | | height: 8px; |
| | | width: 8px; |
| | | border-radius: 100%; |
| | | background: #ff5b05; |
| | | z-index: 1; |
| | | } |
| | | p { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-item-selected { |
| | | color: unset; |
| | | } |
| | | |
| | | } |
| | | .card-control { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | .anticon-tool { |
| | | right: auto; |
| | | left: 1px; |
| | | padding: 1px; |
| | | } |
| | | } |
| | | |
| | | .anticon-tool { |
| | | position: absolute; |
| | | z-index: 2; |
| | |
| | | padding: 5px; |
| | | background: rgba(255, 255, 255, 0.55); |
| | | } |
| | | } |
| | | |
| | | .card-item { |
| | | overflow: hidden; |
| | | .normal-navbar-edit-box:not(.class1) { |
| | | .menu .am-tab-bar-tab.tab-zoomIn { |
| | | .am-tab-bar-tab-icon { |
| | | padding: 10px; |
| | | display: inline-block; |
| | | background: #1890ff; |
| | | color: #ffffff; |
| | | border-radius: 40px; |
| | | width: 42px; |
| | | height: 42px; |
| | | font-size: 15px; |
| | | transform: translate(0px, -25px); |
| | | } |
| | | .am-tab-bar-tab-title { |
| | | font-size: 1.2em; |
| | | color: #1890ff; |
| | | transform: translate(0px, -22px); |
| | | } |
| | | } |
| | | } |
| | | .normal-navbar-edit-box.class1 { |
| | | background-color: #1890ff!important; |
| | | border-top-left-radius: 40px; |
| | | border-top-right-radius: 40px; |
| | | .am-tab-bar-tab-icon { |
| | | color: #ffffff; |
| | | position: relative; |
| | | background-color: #ffffff; |
| | | background-position: center center; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | min-height: 20px; |
| | | top: 5px; |
| | | } |
| | | |
| | | .card-item:hover { |
| | | box-shadow: 0px 0px 2px #1890ff; |
| | | .menu .am-tab-bar-tab .anticon { |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .model-menu-card-cell-list .card-detail-row > .anticon-plus { |
| | | position: absolute; |
| | | right: -30px; |
| | | font-size: 16px; |
| | | } |
| | | .model-menu-action-list { |
| | | line-height: 40px; |
| | | .ant-row > .anticon-plus { |
| | | position: absolute; |
| | | right: -30px; |
| | | font-size: 16px; |
| | | } |
| | | } |
| | | .card-add-button { |
| | | text-align: right; |
| | | clear: left; |
| | | .anticon-plus { |
| | | font-size: 20px; |
| | | color: #26C281; |
| | | padding: 5px; |
| | | margin-right: 10px; |
| | | } |
| | | } |
| | | .ant-pagination { |
| | | float: right; |
| | | margin: 10px; |
| | | } |
| | | |
| | | .model-menu-action-list { |
| | | .page-card { |
| | | line-height: 55px; |
| | | } |
| | | .am-tab-bar-tab-title { |
| | | display: none; |
| | | } |
| | | } |
| | | .normal-navbar-edit-box::after { |
| | |
| | | .top-menu-popover { |
| | | padding-top: 0!important; |
| | | } |
| | | .normal-navbar-submenu { |
| | | .ant-menu-item-group { |
| | | float: left; |
| | | } |
| | | .ant-menu-item { |
| | | height: 32px; |
| | | line-height: 32px; |
| | | span { |
| | | display: inline-block; |
| | | width: 100%; |
| | | height: 100%; |
| | | padding: 0 16px 0 28px; |
| | | } |
| | | padding: 0; |
| | | } |
| | | .ant-menu .ant-menu-item-selected { |
| | | background-color: #ffffff; |
| | | } |
| | | } |