Feat : implement per effects

components/CardPreview.vue

@@ -253,4 +253,8 @@ onMounted(() => {
   filter: grayscale(0.6);
   pointer-events: none;
 }
+
+.svg_effect text {
+  cursor: pointer;
+}
 </style>

components/CardsGrouped.vue

@@ -147,6 +147,7 @@ onUnmounted(() => {
   flex-direction: row;
   justify-content: space-evenly;
   min-width: 200px;
+  flex-wrap: wrap;
   transition: rotate v-bind("shuffleAnimationSpeed") ease;
 }
 

components/MarketCards.vue

@@ -54,7 +54,7 @@ function fireGemCardClick(e: string) {
 
 <style scoped>
 #market {
-  width: min-content;
+  width: max-content;
   display: flex;
   flex-direction: row;
   justify-content: center;