From 1a75dcdb9de0c1d7be5bc6ccd47c50d467a0b31d Mon Sep 17 00:00:00 2001
From: 25Ericcheong <ericcheongkaikit@gmail.com>
Date: Sat, 18 May 2024 23:36:05 +0800
Subject: [PATCH] fix: Possible solution to confirm button pouring out of
 dialog

---
 src/components/menu/bingsu-menu-modal.vue | 6 ++++--
 src/components/menu/drinks-menu-modal.vue | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/menu/bingsu-menu-modal.vue b/src/components/menu/bingsu-menu-modal.vue
index bd12036..0b89873 100644
--- a/src/components/menu/bingsu-menu-modal.vue
+++ b/src/components/menu/bingsu-menu-modal.vue
@@ -327,9 +327,11 @@ function handleBingsuConfirmation() {
           type="text"
         ></textarea>
       </div>
-      <div class="fixed bottom-10 bg-creamyellowbq block">
+      <div
+        class="fixed bottom-10 left-[50%] bg-creamyellowbq block -ml-[160px]"
+      >
         <button
-          class="w-[365px] p-2 bg-darkorangebq rounded-full text-creamwhitebq"
+          class="w-[315px] p-2 bg-darkorangebq rounded-full text-creamwhitebq"
           :class="{
             'opacity-50': shouldDisableConfirmationButton,
           }"
diff --git a/src/components/menu/drinks-menu-modal.vue b/src/components/menu/drinks-menu-modal.vue
index ece4810..0e8f66f 100644
--- a/src/components/menu/drinks-menu-modal.vue
+++ b/src/components/menu/drinks-menu-modal.vue
@@ -230,9 +230,11 @@ function handleDrinksConfirmation() {
             type="text"
           ></textarea>
         </div>
-        <div class="fixed bottom-10 bg-creamyellowbq block">
+        <div
+          class="fixed bottom-10 left-[50%] bg-creamyellowbq block -ml-[160px]"
+        >
           <button
-            class="w-[365px] p-2 bg-darkorangebq rounded-full text-creamwhitebq"
+            class="w-[315px] p-2 bg-darkorangebq rounded-full text-creamwhitebq"
             :class="{
               'opacity-50': shouldDisableConfirmationButton,
             }"