new layout for stack and discard

2024-05-02 23:27:00 +02:00
parent d15058fbad
commit c13f9de65e
1 changed files with 16 additions and 6 deletions
@@ -111,20 +111,30 @@ const discard_unwrapped = ref(false)
            </CardPreview>
        </div>

+        <div class="stack_and_discard">
+            <CardSlot :stack="props.player.stack_pile">
+                <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
+            </CardSlot>
+            <div class="separator"></div>
+            <div class="separator"></div>

-        <CardSlot :stack="props.player.stack_pile">
-            <!-- <button v-if="isSelf && isTurn" @click="draw">DRAW</button> -->
-        </CardSlot>
+            <CardSlot :stack="props.player.discard_pile">

+            </CardSlot>
+        </div>

-        <CardSlot :stack="props.player.discard_pile">
-
-        </CardSlot>

    </div>
 </template>

 <style scoped>
+.stack_and_discard {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: center;
+
+}
+
 .player {
    border-top: 5px solid black;
 }