Improved: UI to move the learn more card at the bottom(hotwax#33)

ymaheshwari1 · Oct 23, 2024 · 13748f2 · 13748f2
1 parent 665a29b
commit 13748f2
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/views/ShopifyInstall.vue b/src/views/ShopifyInstall.vue
@@ -25,10 +25,6 @@
             <ion-label class="ion-text-wrap" v-if="isAppInstalled">{{ $t('Shopify store synced with HotWax Commerce') }}</ion-label>
           </ion-item>
           <ion-progress-bar type="indeterminate" v-if="syncDetailsToShopify"></ion-progress-bar>
-          <ion-item class="ion-item-button ion-margin-vertical" lines="none" button @click="goToLearnMoreDocument()">
-            <ion-icon slot="start" :icon="bookOutline" />
-            <ion-label class="ion-text-wrap">{{ $t('Learn more about connecting HotWax Commerce with Shopify') }}</ion-label>
-          </ion-item>
 
           <template v-if="isAppInstalled">
             <ion-item lines="none">
@@ -56,6 +52,11 @@
               </span>
             </ion-item>
           </template>
+
+          <ion-item class="ion-item-button ion-margin-top" lines="none" button @click="goToLearnMoreDocument()">
+            <ion-icon slot="start" :icon="bookOutline" />
+            <ion-label class="ion-text-wrap">{{ $t('Learn more about connecting HotWax Commerce with Shopify') }}</ion-label>
+          </ion-item>
         </ion-list>
       </div>
     </ion-content>