Verry little visual enhancement

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

View File

@ -43,7 +43,7 @@
</v-tooltip>
</div>
</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">
<div class="h-100 d-flex align-center">
<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(()=> {
return props.status?.progress == -1 && props.status.status != States.IDLE
})

View File

@ -31,7 +31,7 @@
</v-tooltip>
</div>
</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">
<div class="h-100 d-flex align-center">
<span class="me-auto">Cloud</span>