From e5b80124fca1c14378d1f3bfe2870b8428f4d6ed Mon Sep 17 00:00:00 2001 From: Viet An Date: Tue, 14 Apr 2026 22:44:52 +0700 Subject: [PATCH] changes --- app/assets/styles/main.scss | 12 +- app/components/TopMenu.vue | 146 +++--- app/components/dashboard/Dashboard.vue | 3 +- app/components/dashboard/Delivery.vue | 7 +- .../dashboard/DeliveryInteractive.vue | 477 ++++++++++++++++++ app/components/datepicker/PickDay.vue | 1 - app/components/inventory/Inventory.vue | 26 + app/components/inventory/SelectedInvItem.vue | 2 +- app/components/orders/OrderDeliveryTab.vue | 19 + app/components/orders/OrderHistoryTab.vue | 83 +++ app/components/orders/OrderKanbanCard.vue | 66 +++ app/components/orders/OrderPaymentTab.vue | 25 + app/components/orders/OrderProductTab.vue | 34 ++ app/components/orders/OrderReceiptTab.vue | 17 + app/components/orders/OrderRow.vue | 12 +- app/components/orders/Orders.vue | 41 +- app/components/orders/OrdersKanban.vue | 48 ++ app/components/orders/OrdersTable.vue | 77 +-- app/components/orders/SelectedOrder.vue | 83 ++- app/pages/index.vue | 17 +- my-bulma-project.css | 4 +- my-bulma-project.css.map | 2 +- my-bulma-project.scss | 1 + 23 files changed, 1045 insertions(+), 158 deletions(-) create mode 100644 app/components/dashboard/DeliveryInteractive.vue create mode 100644 app/components/orders/OrderDeliveryTab.vue create mode 100644 app/components/orders/OrderHistoryTab.vue create mode 100644 app/components/orders/OrderKanbanCard.vue create mode 100644 app/components/orders/OrderPaymentTab.vue create mode 100644 app/components/orders/OrderProductTab.vue create mode 100644 app/components/orders/OrderReceiptTab.vue create mode 100644 app/components/orders/OrdersKanban.vue diff --git a/app/assets/styles/main.scss b/app/assets/styles/main.scss index d7275f2..3f2b6d3 100644 --- a/app/assets/styles/main.scss +++ b/app/assets/styles/main.scss @@ -129,18 +129,12 @@ $size: ( // Block Layout .blockdiv { max-width: 1900px !important; - padding: 60px 15px 40px 15px; - - @include until($desktop) { padding: 65px 20px 30px 20px; } - @include mobile { padding: 65px 16px 30px 16px; } - + padding: 1rem 2rem 2rem; + @include mobile { padding: 1rem; } + .columns .column { @include mobile { padding-left: 0; padding-right: 0; } } - - .padding-desktop { - @media screen and (min-width: $desktop) { padding-left: 20px; padding-right: 20px; } - } } // Tooltip Styles diff --git a/app/components/TopMenu.vue b/app/components/TopMenu.vue index 2eb241b..21d2790 100644 --- a/app/components/TopMenu.vue +++ b/app/components/TopMenu.vue @@ -1,81 +1,81 @@