Mercurial > gemma
view client/src/components/ui/UIBoxHeader.vue @ 2442:9b7138751f5b
staging: layout logs
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 01 Mar 2019 12:07:34 +0100 |
parents | 02d30251d594 |
children | 9bf6b767a56a |
line wrap: on
line source
<template> <h6 class="box-header"> <span class="box-title"> <font-awesome-icon :icon="icon" class="box-icon" v-if="icon" fixed-width /> {{ $gettext(title) }} </span> <span class="box-close" @click="closeCallback" v-if="closeCallback"> <font-awesome-icon icon="times" /> </span> </h6> </template> <style lang="sass"> .box-header display: flex justify-content: space-between align-items: center min-height: 35px padding-left: .5rem border-bottom: 1px solid #dee2e6 color: $color-info margin-bottom: 0 padding: 0.25rem font-weight: bold .box-title padding-left: 0.25rem .box-icon margin-right: 0.25rem .box-close color: #888 padding: 3px 7px border-radius: 0.25rem cursor: pointer transition: background-color 0.3s, color 0.3s &:hover color: #666 background-color: #eee </style> <script> /* This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. * * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt * * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH * * Author(s): * Markus Kottländer <markus.kottlaender@intevation.de> */ export default { props: ["icon", "title", "closeCallback"] }; </script>