From 8daef55cfff999a99ab1d8eca2cbf7f8471c5e83 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 19 Sep 2024 02:01:32 -0400
Subject: [PATCH] Donation Box modifications

---
 .../banner/bannerlower/BannerActionsXl.vue    | 29 +++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/views/creators/banner/bannerlower/BannerActionsXl.vue b/src/views/creators/banner/bannerlower/BannerActionsXl.vue
index 1dae56f..6e76d92 100644
--- a/src/views/creators/banner/bannerlower/BannerActionsXl.vue
+++ b/src/views/creators/banner/bannerlower/BannerActionsXl.vue
@@ -74,7 +74,30 @@
                 </div>
                 <div class="rounded-tr-xl w-1/2 bg-cyan-100 flex items-center justify-center text-xl"
                      :style="{ backgroundColor: creator.colors.bannerBottom}">
-                  <div class="absolute left-20"> 0 $</div>
+                  <div class="absolute left-1">
+                    <div class="flex flex-row items-center justify-center space-x-5">
+                      <div class="flex flex-row items-center">
+                        <div style="display: flex; align-items: center;">
+                          <textarea class="text-3xl" rows="1" cols="6" style="border: none; resize: none; text-align: right; outline: none;" placeholder="0"></textarea>
+                          <div class="px-1">$</div>
+                        </div>
+                
+                      </div>
+
+                      <div class="flex flex-col items-center space-y-2">
+                        <v-btn
+                            :style="{ backgroundColor: creator.colors.bannerBottom, fontSize: '20px', height: '30px', width: '30px', padding: '0', minWidth: '25px', minHeight: '25px' }"
+                            variant="tonal">+
+                        </v-btn>
+                        <v-btn
+                            :style="{ backgroundColor: creator.colors.bannerBottom, fontSize: '20px', height: '30px', width: '30px', padding: '0', minWidth: '25px', minHeight: '25px' }"
+                            variant="tonal">-
+                        </v-btn>
+                      </div>
+                    </div>
+
+                  </div>
+
                   <v-btn variant="text"
                          height="80px"
                          width="200px"
@@ -94,14 +117,10 @@
     style="max-height: 300px; overflow-y: hidden; outline: none;"
     oninput="this.style.height = ''; this.style.height = Math.min(this.scrollHeight, 300) + 'px'"></textarea>
 
-
               </div>
             </div>
           </div>
-
-
         </div>
-
       </div>