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

fix: navbar capitalisation (#835)

Browse source
This commit is contained in:
Rémi Marseault 2023-05-28 11:08:35 +02:00 • committed by GitHub
parent f3694e990a
commit 8ad5b9425e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/Core/StorageCard.vue
View file

@ -1,24 +1,22 @@
<template>
<v-card flat color="secondary" class="mr-2 ml-2">
<v-layout row wrap class="pa-3 mx-auto">
<v-flex md6>
<div style="margin-top: 6px" :class="color + '--text'" data-testid="StorageCard-label">
<v-row class="px-3">
<v-col cols="6" class="d-flex align-center">
<div :class="color + '--text'" data-testid="StorageCard-label">
{{ label }}
</div>
</v-flex>
<v-flex md6>
</v-col>
<v-col cols="6" class="d-flex align-center">
<span data-testid="StorageCard-Wrapper" :class="color + '--text title'">
<span data-testid="StorageCard-value"> {{ value | getDataValue(2) }} </span>
<span data-testid="StorageCard-unit" class="caption">
{{ value | getDataUnit }}
</span>
<span data-testid="StorageCard-value">{{ value | getDataValue(2) }} </span>
<span data-testid="StorageCard-unit" class="caption">{{ value | getDataUnit }}</span>
</span>
</v-flex>
</v-layout>
</v-col>
</v-row>
</v-card>
</template>
<script>
<script lang="ts">
export default {
name: 'StorageCard',
props: ['color', 'label', 'value']

18
src/components/Core/StringCard.vue
View file

@ -1,21 +1,21 @@
<template>
<v-card flat color="secondary" class="mr-2 ml-2">
<v-layout row wrap class="pa-3 mx-auto">
<v-flex md6>
<div style="margin-top: 6px" :class="color + '--text'" data-testid="StringCard-label">
<v-row class="px-3">
<v-col cols="6" class="d-flex align-center">
<div :class="color + '--text'" data-testid="StringCard-label">
{{ label }}
</div>
</v-flex>
<v-flex md6>
</v-col>
<v-col cols="6" class="d-flex align-center">
<span data-testid="StringCard-Wrapper" :class="color + '--text title'">
<span data-testid="StringCard-value"> {{ value }} </span>
<span data-testid="StringCard-value">{{ value }}</span>
</span>
</v-flex>
</v-layout>
</v-col>
</v-row>
</v-card>
</template>
<script>
<script lang="ts">
export default {
name: 'StringCard',
props: ['color', 'label', 'value']

2
src/components/Navbar/FreeSpace.vue
View file

@ -1,6 +1,6 @@
<template>
<div v-if="space" class="mb-4">
<StorageCard v-if="space" class="mt-8" :label="$t('navbar.freeSpace') | titleCase" color="upload" :value="space" />
<StorageCard v-if="space" class="mt-8" :label="$t('navbar.freeSpace')" color="upload" :value="space" />
</div>
</template>