From 53c2fc14f546a1de2dfcf0c63ae4175fd7699657 Mon Sep 17 00:00:00 2001
From: Beluzsar Peter <beluzsarp@gmail.com>
Date: Sat, 26 Sep 2026 10:10:30 +0200
Subject: [PATCH] add new button type

---
 public/skonk/main_menu_pointer.png    | Bin 0 -> 3060 bytes
 resources/js/App.vue                  |   1 -
 resources/js/components/SButton.vue   |  48 ++++++++++++++++++++++++++
 resources/js/components/Wish.vue      |   3 --
 resources/js/components/WishPanel.vue |   9 ++---
 5 files changed, 53 insertions(+), 8 deletions(-)
 create mode 100644 public/skonk/main_menu_pointer.png
 create mode 100644 resources/js/components/SButton.vue

diff --git a/public/skonk/main_menu_pointer.png b/public/skonk/main_menu_pointer.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fdfbddc45cc3ad1d1ac29131e7c56fa3a2b2c63
GIT binary patch
literal 3060
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
CxvOsg

literal 0
HcmV?d00001

diff --git a/resources/js/App.vue b/resources/js/App.vue
index 4de4f4e..21b6e98 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import Footer from "./components/BottomFleur.vue/index.js";
 </script>
 
 <template>
diff --git a/resources/js/components/SButton.vue b/resources/js/components/SButton.vue
new file mode 100644
index 0000000..a4b8235
--- /dev/null
+++ b/resources/js/components/SButton.vue
@@ -0,0 +1,48 @@
+<script setup>
+import {ref, Transition} from 'vue';
+
+const hover = ref(false);
+</script>
+
+<template>
+    <div class="flex-container">
+        <Transition>
+            <img :src="'/skonk/main_menu_pointer.png'" class="cursor" v-if="hover">
+        </Transition>
+        <button @click="$emit('click')" @mouseover="hover = true" @mouseleave="hover = false">
+            <slot>
+
+            </slot>
+        </button>
+        <Transition>
+            <img :src="'/skonk/main_menu_pointer.png'" class="cursor flipped" v-if="hover">
+        </Transition>
+    </div>
+</template>
+
+<style scoped>
+.v-enter-active,
+.v-leave-active {
+  transition: opacity 0.15s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}
+.flex-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+}
+button {
+    font-size: 3.5vh;
+}
+.cursor {
+    height: 30px;
+}
+.flipped {
+    rotate: 180deg;
+}
+</style>
\ No newline at end of file
diff --git a/resources/js/components/Wish.vue b/resources/js/components/Wish.vue
index 4d68b27..fa3f9fb 100644
--- a/resources/js/components/Wish.vue
+++ b/resources/js/components/Wish.vue
@@ -88,9 +88,6 @@ img.cursor{
     right: 10px;
     bottom: 0px;
 }
-.large-container:hover {
-    scale: 1.01;
-}
 .cursor {
     position: absolute;
     width: 100%;
diff --git a/resources/js/components/WishPanel.vue b/resources/js/components/WishPanel.vue
index d143178..98087e2 100644
--- a/resources/js/components/WishPanel.vue
+++ b/resources/js/components/WishPanel.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { onMounted } from 'vue';
+import SButton from './SButton.vue';
 
 const emit = defineEmits(['closeWish']);
 const props = defineProps({
@@ -28,12 +29,12 @@ onMounted(() => {
         </p>
         <br>
         <div class="button-container">
-            <button>
+            <SButton @click="emit('closeWish')">
                 Promise
-            </button><br>
-            <button  @click="emit('closeWish')">
+            </SButton>
+            <SButton @click="emit('closeWish')">
                 Back
-            </button>
+            </SButton>
         </div>
     </div>
 </template>