nas/qb-web
1
0
Fork 0
mirror of https://github.com/CzBiX/qb-web.git synced 2026-04-01 18:10:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adjust speed info label order

Browse Source
This commit is contained in:
CzBiX
2019-09-14 04:19:03 +08:00
parent 643dcab9eb
commit c419b676eb
1 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/Footer.vue
View File

@@ -32,9 +32,9 @@
</div>
<v-divider vertical class="mx-2" v-if="!phoneLayout"/>
<div class="icon-label" v-if="!phoneLayout">
<v-icon>mdi-swap-vertical-bold</v-icon>
<v-icon class="icon-upload-download">mdi-swap-vertical-bold</v-icon>
<span>
{{ info.alltime_ul | formatSize }}/{{ info.alltime_dl | formatSize }}
{{ info.alltime_dl | formatSize }}/{{ info.alltime_ul | formatSize }}
</span>
</div>
</div>
@@ -94,21 +94,6 @@
</v-tooltip>
</div>
<v-divider vertical class="mx-2" v-if="!phoneLayout"/>
<div class="icon-label">
<v-icon
:color=" info.up_info_speed > 0 ? 'warning' : null"
>mdi-upload</v-icon>
<span>
{{ info.up_info_speed | formatSize }}/s
<template v-if="info.up_rate_limit">
({{ info.up_rate_limit | formatSize}}/s)
</template>
<template v-if="!phoneLayout">
[{{ info.up_info_data | formatSize }}]
</template>
</span>
</div>
<v-divider vertical class="mx-2" v-if="!phoneLayout"/>
<div class="icon-label">
<v-icon
:color=" info.dl_info_speed > 0 ? 'success' : null"
@@ -123,6 +108,21 @@
</template>
</span>
</div>
<v-divider vertical class="mx-2" v-if="!phoneLayout"/>
<div class="icon-label">
<v-icon
:color=" info.up_info_speed > 0 ? 'warning' : null"
>mdi-upload</v-icon>
<span>
{{ info.up_info_speed | formatSize }}/s
<template v-if="info.up_rate_limit">
({{ info.up_rate_limit | formatSize}}/s)
</template>
<template v-if="!phoneLayout">
[{{ info.up_info_data | formatSize }}]
</template>
</span>
</div>
</div>
</div>
</template>
@@ -253,6 +253,10 @@ export default Vue.extend({
}
}
.icon-upload-download {
transform: scaleX(-1);
}
.speed-switch {
font-size: inherit;
width: 100%;