| .main-container { |
| display: flex; |
| flex-direction: column; // height: 100%; |
| margin: 1em; |
| } |
| |
| // overhide |
| .ui-tabview .ui-tabview-panel { |
| border: 1px solid #d9d9d9; |
| padding: 0; |
| margin-left: 0.2em; |
| height: calc(100vh - 150px); |
| overflow: auto; |
| } |
| |
| .ui-tabview .ui-tabview-nav li { |
| margin: 0; |
| border-radius: 0; |
| } |
| |
| .ui-tabview .ui-tabview-nav li.ui-tabview-selected { |
| color: #009fdb; |
| border-top: 2px solid #009fdb; |
| border-bottom: none; |
| } |
| |
| .ui-tabview-title { |
| font-size: 14px; |
| } |
| |
| .ui-tabview .ui-tabview-nav li.ui-tabview-selected .ui-tabview-title { |
| color: #009fdb; |
| } |
| |
| .ui-tabview .ui-tabview-nav { |
| white-space: nowrap; |
| overflow-x: auto; |
| } |
| |
| .ui-tabview .ui-tabview-nav li { |
| display: inline-block; |
| float: none; |
| margin-right: -4px; |
| } |