From 1cae84b229e81c4e2fdaea3456033d5b3a8ed0e8 Mon Sep 17 00:00:00 2001
From: Beluzsar Peter <beluzsarp@gmail.com>
Date: Sat, 26 Sep 2026 01:24:45 +0200
Subject: [PATCH] add back button

---
 resources/js/components/WishPanel.vue | 22 ++++++++++++++++++----
 resources/js/pages/HomeView.vue       |  8 +++-----
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/WishPanel.vue b/resources/js/components/WishPanel.vue
index 662eca8..d143178 100644
--- a/resources/js/components/WishPanel.vue
+++ b/resources/js/components/WishPanel.vue
@@ -26,28 +26,42 @@ onMounted(() => {
         <p>
             {{ wish.description }}
         </p>
-
+        <br>
+        <div class="button-container">
+            <button>
+                Promise
+            </button><br>
+            <button  @click="emit('closeWish')">
+                Back
+            </button>
+        </div>
     </div>
 </template>
 
 <style lang="css" scoped>
+.button-container {
+    text-align: center;
+}
+button {
+    font-size: 3.5vh;
+}
 
 .main-panel {
     width: 100%;
-    margin: 30px;
+    padding: 30px;
     border-radius: 10px;
 }
 
 h1 {
     font-size: 3vh;
-    margin-right: 40px;
     text-wrap: wrap;
+    padding-right: 40px;
 }
 
 p {
     font-size: 2vh;
     color: rgb(200,200,200);
-    margin-right: 50px;
+    padding-right: 40px;
     margin-top: 40px;
     text-wrap: wrap;
 }
diff --git a/resources/js/pages/HomeView.vue b/resources/js/pages/HomeView.vue
index 65e3e0d..db884b6 100644
--- a/resources/js/pages/HomeView.vue
+++ b/resources/js/pages/HomeView.vue
@@ -45,7 +45,7 @@ onMounted(() => {
         </Transition>
         <Transition>
             <div v-if="selected!=-1">
-                <Wish :wish="wishes[selected]" selected :index="selected"  @selectedWish="selectedWish"/>
+                <Wish :wish="wishes[selected]" selected :index="selected" @selectedWish="selectedWish"/>
                 <WishPanel :wish="wishes[selected]" @closeWish="selected = -1"></WishPanel>
             </div>
         </Transition>
@@ -64,13 +64,11 @@ onMounted(() => {
 .push{
     height: 50px;
 }
-.v-enter-active,
-.v-leave-active {
+.v-enter-active {
   transition: opacity 0.5s ease;
 }
 
-.v-enter-from,
-.v-leave-to {
+.v-enter-from {
   opacity: 0;
 }
 </style>
\ No newline at end of file