| | |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: space-evenly; |
| | | background: #ffffff; |
| | | background: var(--color-neutral-3); |
| | | width: 200px; |
| | | .lf-container-top{ |
| | | display: flex; |
| | |
| | | box-sizing: border-box; |
| | | width: 90%; |
| | | //height: 56rem; |
| | | border: 1px solid #eeeeee; |
| | | border: 1px solid var(--color-neutral-3); |
| | | //padding: 10px; |
| | | margin-bottom: 10px; |
| | | //.tabs{ |
| | |
| | | box-sizing: border-box; |
| | | margin: 10px 10px; |
| | | padding:0 10px; |
| | | color: rgba(0, 0, 0, 0.88); |
| | | //color: var(--color-text-1); |
| | | font-size: 14px; |
| | | height: 40px; |
| | | line-height: 40px; |
| | |
| | | } |
| | | .tab:hover { |
| | | border: 1px solid #ffffff; |
| | | color: #000000; |
| | | background: #e8e8ea; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); |
| | | } |
| | | .tab.active { |
| | | border: 1px solid #e8e8ea; |
| | | background: #e8e8ea; |
| | | color: #000000; |
| | | cursor: pointer; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); |
| | | } |
| | | } |
| | | } |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: #ffffff; |
| | | //background: #ffffff; |
| | | .details-header{ |
| | | display: flex; |
| | | justify-content: space-between; |