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