cief/shipping-portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git synced 2026-09-02 03:14:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

update package loading animation

Browse Source
This commit is contained in:
edmondlang
2023-04-13 22:46:41 +08:00
parent 76193eeb9f
commit 3fdd2a2b56
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/general/elements/BoxLoadingComponent.vue
+16 -6
View File
@@ -1,11 +1,21 @@
<template>
<div class="row align-items-center justify-content-center w-100">
<div class="row">
<div class="col">
<div class='tetrominos'>
<div class='tetromino box1'></div>
<div class='tetromino box2'></div>
<div class='tetromino box3'></div>
<div class='tetromino box4'></div>
<div class="row align-items-center justify-content-center w-100"
style="height: 200px; top: 0; margin-top: 50px;">
<div class="col">
<div class='tetrominos'>
<div class='tetromino box1'></div>
<div class='tetromino box2'></div>
<div class='tetromino box3'></div>
<div class='tetromino box4'></div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col">
<p class="text-center fs-15 muted all-caps font-lato" style="letter-spacing: 2px">Loading Packages Data</p>
</div>
</div>
</div>
</div>
resources/assets/vue/components/orders/sections/OrderPackageV2SectionComponent.vue
+1 -7
View File
@@ -1,13 +1,7 @@
<template>
<div class="row">
<div class="col">
<!-- <loading-component style="height: 200px; top: 0;" v-if="isLoading"></loading-component> -->
<box-loading-component style="height: 200px; top: 0; margin-top: 50px;" v-if="isLoading"></box-loading-component>
<div class="row align-items-center justify-content-center" v-if="isLoading">
<div class="col">
<p class="text-center fs-15 muted all-caps font-lato" style="letter-spacing: 2px">Loading Packages Data</p>
</div>
</div>
<box-loading-component v-if="isLoading"></box-loading-component>
<div class="row" v-if="!dataLoaded">
<div class="col">
<div v-if="!isLoading" class="btn btn-sm btn-block p-t-10 p-b-10 p-r-35 p-l-35 btn-primary b-rad-none p-r-30" @click="fetchCompany">Click here to load Package Data</div>