mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-03-14 12:10:18 +03:00
Code Issues Projects Releases Packages Wiki Activity

current speed alignment

Browse source
This commit is contained in:
Daan Wijns 2021-01-23 13:51:42 +01:00
parent 386f42da92
commit 2b84780545
1 changed files with 32 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
src/components/Navbar/CurrentSpeed.vue
View file

@ -3,36 +3,40 @@
<div class="text-uppercase white--text caption ml-4 font-weight-medium">
current speed
</div>
<v-card color="secondary" flat class="mr-2 ml-2 text-center">
<v-layout row wrap class="py-3 px-1 mt-1 project mx-auto">
<v-icon class="mt-2" color="download" size="18px">
{{ mdiChevronDown }}
</v-icon>
<span
class="download--text title"
style="font-size: 1.1em !important;"
>
204.34
<span class="font-weight-light caption font-weight-regular">
{{ status.dlspeed | getDataUnit(1) }}/s
<v-card color="secondary" flat class="mr-2 ml-2">
<v-layout row wrap class="py-3 px-1 mt-1 project mx-auto text-center">
<v-flex xs6>
<v-icon color="download" size="16px">
{{ mdiChevronDown }}
</v-icon>
<span
class="download--text title"
style="font-size: 1.1em !important;"
>
{{ status.dlspeed | getDataValue(1) }}
<span class="font-weight-light caption font-weight-regular">
{{ status.dlspeed | getDataUnit(1) }}/s
</span>
</span>
</span>
<v-icon
class="pl-2 mt-1"
color="upload"
size="24px"
>
{{ mdiChevronUp }}
</v-icon>
<span
class="upload--text title"
style="font-size: 1.1em !important;"
>
204.34
<span class="font-weight-light caption font-weight-regular">
{{ status.upspeed | getDataUnit }}/s
</v-flex>
<v-flex xs6>
<v-icon
class="pl-2"
color="upload"
size="24px"
>
{{ mdiChevronUp }}
</v-icon>
<span
class="upload--text title"
style="font-size: 1.1em !important;"
>
{{ status.upspeed | getDataValue(1) }}
<span class="font-weight-light caption font-weight-regular">
{{ status.upspeed | getDataUnit }}/s
</span>
</span>
</span>
</v-flex>
</v-layout>
</v-card>
</div>