From aa58e6c4f89aab1f5eae3e8780fdcc812400a3c7 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Sat, 3 Aug 2024 17:36:16 +0200
Subject: [PATCH] fix : zoom on hand and market

---
 components/game/Market.vue      |  6 ++++++
 components/game/player/Self.vue | 21 ++++++++++++++-------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/components/game/Market.vue b/components/game/Market.vue
index 12754ac..f737cc8 100644
--- a/components/game/Market.vue
+++ b/components/game/Market.vue
@@ -111,3 +111,9 @@ function tokenClick({ card, token }: { card: Card; token: Effect }) {
   width: 50px;
 }
 </style>
+
+<style>
+.market .card.zoom {
+  transform: scale(200%) translateY(15%);
+}
+</style>
diff --git a/components/game/player/Self.vue b/components/game/player/Self.vue
index 91b6cb1..f0dbf48 100644
--- a/components/game/player/Self.vue
+++ b/components/game/player/Self.vue
@@ -73,7 +73,7 @@ const props = defineProps<Props>();
   bottom: -50px;
   max-width: 100vw;
   justify-content: flex-start;
-  transition: 0.5s all var(--animation-curve);
+  transition: 0.25s all var(--animation-curve);
   transform: translate(-50%, 150px);
 }
 
@@ -88,21 +88,28 @@ const props = defineProps<Props>();
 </style>
 
 <style>
-#self_hand .card {
-  transition: 0.5s all var(--animation-curve);
+#self_hand > div.card {
+  transition: 0.25s all var(--animation-curve);
   overflow: visible;
 }
 
-#self_hand .card #contextMenuButtons {
+#self_hand > .cards_container {
+  flex-wrap: nowrap;
+}
+#self_hand > div.card #contextMenuButtons {
   top: 0;
   bottom: unset;
 }
 
-#self_hand .card.active:hover #contextMenuButtons {
+#self_hand div.card.active:hover #contextMenuButtons {
   transform: translateY(-100%);
 }
 
-#self_hand .card:hover {
-  transform: translateY(-40px);
+#self_hand div.card:hover {
+  transform: translateY(-60px);
+}
+
+#self_hand div.card.zoom:hover {
+  transform: translateY(calc(-60px - 55%)) scale(200%);
 }
 </style>