fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PMCORE-2566

Browse Source
This commit is contained in:
Henry Jordan
2020-12-17 16:43:34 +00:00
parent a13649bb1d
commit b98d9760cf
1 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
resources/assets/js/components/home/HeaderCounter.vue
View File

@@ -8,17 +8,19 @@
@click="header.onClick(header)"
:class="classBtn(header.class)"
>
<div class="v-btn-textm-header">
<i :class="header.icon"></i>
</div>
<div>
<span class="v-btn-textb-header">
{{ header.counter }}
<div class="v-center-header">
<div class="v-btn-textm-header">
<span class="v-text2">
<i :class="header.icon"></i>
</span>
<span class="v-btn-textb-header float-right">
{{ header.counter }}
</span>
</div>
<span class="v-btn-texts-header">
{{ header.title }}
</span>
</div>
<span class="v-btn-texts-header">
{{ header.title }}
</span>
</button>
</div>
</div>
@@ -43,7 +45,8 @@ export default {
<style>
.v-btn-textb-header {
font-size: 1.5vw;
font-size: 1.1vw;
padding-top: 5px;
}
.v-btn-textm-header {
@@ -51,13 +54,27 @@ export default {
}
.v-btn-texts-header {
font-size: 0.8vw;
font-size: 1vw;
}
.v-btn-header {
min-width: 150px;
min-width: 200px;
margin-left: 5px !important;
margin-right: 5px !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
text-align: center;
}
.v-center-header {
width: fit-content;
display: inline-block;
}
.v-center {
text-align: center;
}
.v-text2 {
font-size: 2vw;
float: left;
}
</style>