Browse Source

Responsive fixes to the uploader status bar

pull/170/head
Michael Olund 5 years ago
parent
commit
f23f2646ee
1 changed files with 8 additions and 5 deletions
  1. +8
    -5
      vue/src/components/Uploader/ProgressBar.vue

+ 8
- 5
vue/src/components/Uploader/ProgressBar.vue View File

@ -3,7 +3,7 @@
<div class="item-tile" v-if="file.progress !== '0.00'">
<div class="status-wrap">
<div>
Uploading... {{ file.progress}}%
Uploading...<br>{{ file.progress}}%
</div>
<div class="progress">
<div :style="'width:' + file.progress + '%'">
@ -40,14 +40,17 @@ export default {
flex-direction: column;
justify-content: center;
text-align: center;
font-size: 16px;
.progress {
width: calc(100% - 1.5px);
background-color: #F2F2F3;
width: calc(100% + 1px);
background-color: #f2f2f3;
height: 22px;
position: relative;
bottom: -59.5px;
left: 1px;
bottom: -55px;
left: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
> div {
background-color: #365EBE;


Loading…
Cancel
Save