From 1a00281e35ba088911224d5d40bd64d31353b504 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Thu, 26 Sep 2024 18:20:33 +0530
Subject: [PATCH] Fixed: distorting ui due to skeleton text in inprogress page

---
 src/views/InProgress.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/InProgress.vue b/src/views/InProgress.vue
index 935cae4b..461d7cff 100644
--- a/src/views/InProgress.vue
+++ b/src/views/InProgress.vue
@@ -105,11 +105,11 @@
 
                 <div class="desktop-only" v-if="!order.shipmentPackages && !order.hasMissingInfo">
                   <ion-item lines="none">
-                    <ion-skeleton-text animated style="width: 50%;"/>
+                    <ion-skeleton-text animated />
                   </ion-item>
                 </div>
 
-                <div class="desktop-only ion-text-center">
+                <div class="desktop-only ion-text-center" v-else>
                   <!-- Check to not call the segment change method autocatically as initially the data is not available and thus ionChange event is called when data is populated -->
                   <div>
                     <template v-if="item.rejectReason">