danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

more style fixes.

Browse source
This commit is contained in:
ArabCoders 2023-11-30 16:00:03 +03:00
parent a4d2d9c139
commit be61eea3b5
3 changed files with 60 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
frontend/src/assets/css/bulma-dark.css
View file

@ -8736,4 +8736,34 @@
.footer { .footer {
background-color: #121212; background-color: #121212;
} }
#progress-bar {
border-radius: 15px;
position: relative;
width: 100%;
height: 30px;
background-color: #383636;
}
#progress,
#progress-percentage {
border-radius: 15px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#progress-percentage {
text-align: center;
z-index: 2;
line-height: 30px;
}
#progress {
z-index: 1;
background-color: #00d1b2;
}
} }

29
frontend/src/assets/css/bulma-light.css
View file

@ -13067,3 +13067,32 @@ print {
background-color: #fafafa; background-color: #fafafa;
padding: 3rem 1.5rem 6rem; padding: 3rem 1.5rem 6rem;
} }
#progress-bar {
border-radius: 15px;
position: relative;
width: 100%;
height: 30px;
background-color: #F5F5F5;
}
#progress,
#progress-percentage {
border-radius: 15px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#progress-percentage {
text-align: center;
z-index: 2;
line-height: 30px;
}
#progress {
z-index: 1;
background-color: #00d1b2;
}

33
frontend/src/components/Page-Downloading.vue
View file

@ -156,7 +156,7 @@ watch(masterSelectAll, (value) => {
const hasSelected = computed(() => selectedElms.value.length > 0) const hasSelected = computed(() => selectedElms.value.length > 0)
const hasQueuedItems = computed(() => Object.keys(props.queue)?.length > 0) const hasQueuedItems = computed(() => Object.keys(props.queue)?.length > 0)
const getTotal = computed(() => Object.keys(props.completed)?.length); const getTotal = computed(() => Object.keys(props.queue)?.length);
const ETAPipe = value => { const ETAPipe = value => {
if (value === null || 0 === value) { if (value === null || 0 === value) {
@ -212,34 +212,3 @@ const updateProgress = (item) => {
return string; return string;
} }
</script> </script>
<style scoped>
#progress-bar {
border-radius: 15px;
position: relative;
width: 100%;
height: 30px;
background-color: #F5F5F5;
}
#progress,
#progress-percentage {
border-radius: 15px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#progress-percentage {
text-align: center;
z-index: 2;
line-height: 30px;
}
#progress {
z-index: 1;
background-color: #00d1b2;
}
</style>