deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Рефакторинг

Browse Source
This commit is contained in:
Book Pauk
2020-01-30 17:55:24 +07:00
parent 64f2b94685
commit 06beb8e704
1 changed files with 3 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
client/components/Reader/ProgressPage/ProgressPage.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div v-show="visible" class="main"> <div v-show="visible" class="flex column justify-center items-center z-max" style="background-color: rgba(0, 0, 0, 0.8)">
<div class="center"> <div class="flex column justify-start items-center" style="height: 250px">
<q-circular-progress <q-circular-progress
show-value show-value
instant-feedback instant-feedback
@@ -15,7 +15,7 @@
<span class="text-yellow">{{ percentage }}%</span> <span class="text-yellow">{{ percentage }}%</span>
</q-circular-progress> </q-circular-progress>
<p class="text">{{ text }}</p> <p class="text-yellow">{{ text }}</p>
</div> </div>
</div> </div>
</template> </template>
@@ -82,35 +82,3 @@ class ProgressPage extends Vue {
} }
//----------------------------------------------------------------------------- //-----------------------------------------------------------------------------
</script> </script>
<style scoped>
.main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 100;
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
}
.center {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
color: white;
height: 250px;
}
.text {
color: yellow;
}
</style>
<style>
.el-progress__text {
color: lightgreen !important;
}
</style>