Fix:Alignment issue in mobile view

ury-erp · Jan 29, 2024 · df583a9 · df583a9
2 parents 62d8e89 + 4c7364d
commit df583a9
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 13 deletions.
diff --git a/...os/public/urypos/assets/Login-0d8db2ea.js → ...os/public/urypos/assets/Login-6c5713e2.js b/...os/public/urypos/assets/Login-0d8db2ea.js → ...os/public/urypos/assets/Login-6c5713e2.js
diff --git a/...os/public/urypos/assets/index-172c99e4.js → ...os/public/urypos/assets/index-35887a20.js b/...os/public/urypos/assets/index-172c99e4.js → ...os/public/urypos/assets/index-35887a20.js
diff --git a/...s/public/urypos/assets/index-3bf65572.css → ...s/public/urypos/assets/index-5d9b01d5.css b/...s/public/urypos/assets/index-3bf65572.css → ...s/public/urypos/assets/index-5d9b01d5.css
diff --git a/ury_pos/public/urypos/index.html b/ury_pos/public/urypos/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/assets/ury_pos/urypos/URY.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>URY POS</title>
-    <script type="module" crossorigin src="/assets/ury_pos/urypos/assets/index-172c99e4.js"></script>
-    <link rel="stylesheet" href="/assets/ury_pos/urypos/assets/index-3bf65572.css">
+    <script type="module" crossorigin src="/assets/ury_pos/urypos/assets/index-35887a20.js"></script>
+    <link rel="stylesheet" href="/assets/ury_pos/urypos/assets/index-5d9b01d5.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/ury_pos/www/urypos.html b/ury_pos/www/urypos.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/assets/ury_pos/urypos/URY.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>URY POS</title>
-    <script type="module" crossorigin src="/assets/ury_pos/urypos/assets/index-172c99e4.js"></script>
-    <link rel="stylesheet" href="/assets/ury_pos/urypos/assets/index-3bf65572.css">
+    <script type="module" crossorigin src="/assets/ury_pos/urypos/assets/index-35887a20.js"></script>
+    <link rel="stylesheet" href="/assets/ury_pos/urypos/assets/index-5d9b01d5.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/urypos/src/components/Cart.vue b/urypos/src/components/Cart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex">
+  <div class="flex mt-5">
     <div class="flex-grow">
       <orderInfo />
     </div>

diff --git a/urypos/src/components/Customer.vue b/urypos/src/components/Customer.vue
@@ -2,7 +2,7 @@
   <orderInfo />
   <div class="container m-auto">
     <div class="mb-6 gap-6 md:grid-cols-2">
-      <div class="relative mt-2" ref="container">
+      <div class="relative mt-5 lg:mt-2" ref="container">
         <div
           class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"
         >

diff --git a/urypos/src/components/Search.vue b/urypos/src/components/Search.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- Search & Filters -->
-  <div class="flex flex-col md:flex-row mt-2">
+  <div class="flex flex-col md:flex-row mt-5 lg:mt-2">
     <div
       class="relative"
       :class="[

diff --git a/urypos/src/stores/invoiceData.js b/urypos/src/stores/invoiceData.js
@@ -97,7 +97,11 @@ export const useInvoiceDataStore = defineStore("invoiceData", {
       const numberOfPax = customers.numberOfPax;
       let invoice =
         this.recentOrders.draftInvoice || this.table.invoiceNo || null;
-      let lastInvoice=this.invoiceNumber || this.recentOrders.draftInvoice || this.table.invoiceNo || null
+      let lastInvoice =
+        this.invoiceNumber ||
+        this.recentOrders.draftInvoice ||
+        this.table.invoiceNo ||
+        null;
 
       selectedTables =
         this.table.selectedTable || this.recentOrders.restaurantTable;
@@ -123,7 +127,7 @@ export const useInvoiceDataStore = defineStore("invoiceData", {
         pos_profile: this.posProfile,
         invoice: invoice,
         last_invoice: lastInvoice,
-        comments:this.menu.comments
+        comments: this.menu.comments,
       };
       if (!this.auth.cashier && !numberOfPax) {
         this.alert.createAlert(