Affichage des cartes améliorés dans la vue /tirage

2026-04-26 15:50:51 +02:00
parent 6f8b165745
commit 883a84b7a0
28 changed files with 160 additions and 97 deletions
@@ -391,24 +391,11 @@
      width: 100px;
      vertical-align: top;

-      &:hover {
-        position: relative;
-        z-index: 100;
-
-        .tirage-card-img {
-          transform: scale(2.2);
-          transform-origin: center top;
-          box-shadow: 3px 3px 12px rgba(0,0,0,0.4);
-        }
-      }
-
      .tirage-card-img {
        width: 100px;
        border: 1px solid @be-gold-border;
        border-radius: 2px;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-        transition: transform 0.2s ease, box-shadow 0.2s ease;
-        transform-origin: center center;
        cursor: zoom-in;
      }

@@ -467,3 +454,27 @@
    }
  }
 }
+
+// ── Overlay loupe pour les cartes du tirage ───────────────
+#tirage-card-zoom-overlay {
+  position: fixed;
+  z-index: 10000;
+  pointer-events: none;
+  border: 2px solid @be-gold-border;
+  border-radius: 3px;
+  box-shadow: 4px 4px 20px rgba(0,0,0,0.55);
+  opacity: 0;
+  transition: opacity 0.15s ease;
+  background: #000;
+
+  &.visible { opacity: 1; }
+
+  img {
+    display: block;
+    width: 220px;
+    height: auto;
+    border-radius: 2px;
+
+    &.flip-tarot { transform: scaleY(-1); }
+  }
+}