sebclem/hassio-nextcloud-backup
1
0
Fork 0
mirror of https://github.com/Sebclem/hassio-nextcloud-backup.git synced 2024-11-22 17:22:58 +01:00
Code Issues Projects Releases Wiki Activity

Verry little visual enhancement

Browse Source
This commit is contained in:
SebClem 2024-08-14 14:21:38 +02:00
parent ea757f071c
commit 4f88ca4ed2
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
nextcloud_backup/frontend/src/components/statusBar/BackupStatus.vue
View File

@ -43,7 +43,7 @@
</v-tooltip> </v-tooltip>
</div> </div>
</v-col> </v-col>
<v-divider vertical class="border-opacity-25 mt-n1"></v-divider> <v-divider vertical :class="dividerClass"></v-divider>
<v-col xl="6" lg="12" sm="6" cols="12"> <v-col xl="6" lg="12" sm="6" cols="12">
<div class="h-100 d-flex align-center"> <div class="h-100 d-flex align-center">
<span class="me-auto">Next</span> <span class="me-auto">Next</span>
@ -119,6 +119,10 @@ const nextBackupProps = computed(() => {
} }
}); });
const dividerClass = computed(() => {
return `border-opacity-25 ${props.status?.status != States.IDLE ? "mt-n1" : "my-n1" } d-xl-inline-flex d-sm-inline-flex d-lg-none d-none`
})
const indeterminate = computed(()=> { const indeterminate = computed(()=> {
return props.status?.progress == -1 && props.status.status != States.IDLE return props.status?.progress == -1 && props.status.status != States.IDLE
}) })

2
nextcloud_backup/frontend/src/components/statusBar/ConnectionStatus.vue
View File

@ -31,7 +31,7 @@
</v-tooltip> </v-tooltip>
</div> </div>
</v-col> </v-col>
<v-divider vertical class="border-opacity-25 my-n1"></v-divider> <v-divider vertical class="border-opacity-25 my-n1 d-xl-inline-flex d-sm-inline-flex d-lg-none d-none"></v-divider>
<v-col xl="6" lg="12" sm="6" cols="12"> <v-col xl="6" lg="12" sm="6" cols="12">
<div class="h-100 d-flex align-center"> <div class="h-100 d-flex align-center">
<span class="me-auto">Cloud</span> <span class="me-auto">Cloud</span>