Move type description to the top

This commit is contained in:
Vincent Fiduccia 2020-09-26 00:09:46 -07:00
parent 378ea3413f
commit a64fd63168
No known key found for this signature in database
GPG Key ID: 2B29AD6BB2BB2582
3 changed files with 14 additions and 13 deletions

View File

@ -85,6 +85,14 @@ export default {
<template> <template>
<header> <header>
<Banner
v-if="typeDescriptionKey"
class="type-banner mb-20 mt-0"
color="info"
:closable="true"
:label-key="typeDescriptionKey"
@close="hideTypeDescription"
/>
<h1> <h1>
{{ typeDisplay }} <Favorite v-if="isExplorer" :resource="resource" /> {{ typeDisplay }} <Favorite v-if="isExplorer" :resource="resource" />
</h1> </h1>
@ -148,13 +156,5 @@ export default {
</template> </template>
</ButtonDropdown> </ButtonDropdown>
</div> </div>
<Banner
v-if="typeDescriptionKey"
class="state-banner mt-20 mb-0"
color="info"
:closable="true"
:label-key="typeDescriptionKey"
@close="hideTypeDescription"
/>
</header> </header>
</template> </template>

View File

@ -1,4 +0,0 @@
<script>
import ClusterRepo from './catalog.cattle.io.clusterrepo';
export default ClusterRepo;
</script>

View File

@ -319,7 +319,8 @@ export default {
HEADER { HEADER {
display: grid; display: grid;
grid-template-areas: "title actions" grid-template-areas: "type-banner type-banner"
"title actions"
"state-banner state-banner"; "state-banner state-banner";
grid-template-columns: "auto min-content"; grid-template-columns: "auto min-content";
margin-bottom: 20px; margin-bottom: 20px;
@ -330,6 +331,10 @@ export default {
margin: 0; margin: 0;
} }
.type-banner {
grid-area: type-banner;
}
.state-banner { .state-banner {
grid-area: state-banner; grid-area: state-banner;
} }