fix: Possible solution to confirm button pouring out of dialog

25Ericcheong · May 18, 2024 · 1a75dcd · 1a75dcd
1 parent f234849
commit 1a75dcd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git 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
@@ -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,
             }"