| /******************************************************************************** |
| * Copyright (c) 2020 Contributors to the Eclipse Foundation |
| * |
| * See the NOTICE file(s) distributed with this work for additional |
| * information regarding copyright ownership. |
| * |
| * This program and the accompanying materials are made available under the |
| * terms of the Eclipse Public License 2.0 which is available at |
| * http://www.eclipse.org/legal/epl-2.0 |
| * |
| * SPDX-License-Identifier: EPL-2.0 |
| ********************************************************************************/ |
| |
| @import "src/styles/openk.styles"; |
| |
| :host { |
| display: flex; |
| flex-flow: column; |
| padding: 1em; |
| } |
| |
| .dashboard-header { |
| width: 100%; |
| display: flex; |
| flex-flow: row wrap; |
| align-items: center; |
| } |
| |
| .dashboard-header-title { |
| margin-right: auto; |
| font-size: x-large; |
| font-weight: 600; |
| } |
| |
| .dashboard-header-actions { |
| display: flex; |
| flex-flow: row wrap; |
| margin-left: auto; |
| justify-content: flex-end; |
| |
| .openk-button { |
| margin: 0.25em; |
| } |
| } |
| |
| .dashboard { |
| width: 100%; |
| display: flex; |
| flex-flow: row; |
| margin-top: 1em; |
| } |
| |
| .dashboard-list { |
| margin: 0 0.5em; |
| flex: 1 1 50%; |
| } |
| |
| @media (max-width: 50em) { |
| |
| .dashboard { |
| flex-flow: row wrap; |
| } |
| |
| .dashboard-list { |
| margin-bottom: 1em; |
| |
| &:last-child { |
| margin-bottom: 0; |
| } |
| } |
| } |