Add tooltips

src/pages/Ecomerce/OrdersView.vue

@@ -51,12 +51,11 @@ const onConfirmPay = async () => {
             <span class="amount" :class="{ negative: debt < 0 }">
                 {{ currency(debt || 0) }}
             </span>
-            <QIcon
-                name="info"
-                :title="t('paymentInfo')"
-                class="info"
-                size="sm"
-            />
+            <QIcon name="info" class="info" size="sm">
+                <QTooltip max-width="450px">
+                    {{ t('paymentInfo') }}
+                </QTooltip>
+            </QIcon>
         </div>
         <QBtn
             icon="payments"
@@ -64,14 +63,22 @@ const onConfirmPay = async () => {
             @click="onPayClick()"
             rounded
             no-caps
-        />
+        >
+            <QTooltip>
+                {{ t('makePayment') }}
+            </QTooltip>
+        </QBtn>
         <QBtn
             :to="{ name: 'basket' }"
             icon="shopping_cart"
             :label="t('shoppingCart')"
             rounded
             no-caps
-        />
+        >
+            <QTooltip>
+                {{ t('shoppingCart') }}
+            </QTooltip>
+        </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
         <div

src/pages/Ecomerce/PendingOrders.vue

@@ -69,7 +69,11 @@ onMounted(async () => {
             :label="t('newOrder')"
             rounded
             no-caps
-        />
+        >
+            <QTooltip>
+                {{ t('newOrder') }}
+            </QTooltip>
+        </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
         <CardList