summaryrefslogtreecommitdiff
path: root/src/components/_sila/Global/LoadingBar.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/_sila/Global/LoadingBar.vue')
-rw-r--r--src/components/_sila/Global/LoadingBar.vue4
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/_sila/Global/LoadingBar.vue b/src/components/_sila/Global/LoadingBar.vue
index 0e9551b5..b65f97a7 100644
--- a/src/components/_sila/Global/LoadingBar.vue
+++ b/src/components/_sila/Global/LoadingBar.vue
@@ -74,12 +74,13 @@ export default {
<style lang="scss" scoped>
.progress {
position: absolute;
- left: 0;
right: 0;
bottom: -0.4rem;
opacity: 1;
transition: opacity $duration--moderate-01 $standard-easing--productive;
height: 0.4rem;
+ width: calc(100vw - 320px);
+ border-radius: 0px;
&.fade-enter, // Remove this vue2 based only class when switching to vue3
&.fade-enter-from, // This is vue3 based only class modified from 'fade-enter'
@@ -89,5 +90,6 @@ export default {
}
.progress-bar {
background-color: $loading-color;
+ border-radius: 0px;
}
</style>