diff --git a/components/GameBoard.vue b/components/GameBoard.vue index 726a849..bdf5d81 100644 --- a/components/GameBoard.vue +++ b/components/GameBoard.vue @@ -19,18 +19,18 @@ const isTurn = computed(() => goStore.self && goStore.game?.started && (goStore. @@ -45,11 +45,11 @@ const isTurn = computed(() => goStore.self && goStore.game?.started && (goStore. - -
- discard = - {{ props.player.discard_pile.length }} - - - - - - - - - @@ -158,11 +126,24 @@ const discard_unwrapped = ref(false) background: lightgreen; } +.turn_icon { + position: relative; +} + #turn_data { - position: fixed; - bottom: 0; - right: 0; display: flex; flex-direction: row; + align-items: flex-start; +} + +.turn_icon img { + height: 50px; +} + +.turn_icon_number { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } \ No newline at end of file diff --git a/components/SelfView.vue b/components/SelfView.vue new file mode 100644 index 0000000..f304269 --- /dev/null +++ b/components/SelfView.vue @@ -0,0 +1,209 @@ + + + + + + + \ No newline at end of file diff --git a/public/images/champion-shield-guard.png b/public/images/champion-shield-guard.png new file mode 100644 index 0000000..7890312 --- /dev/null +++ b/public/images/champion-shield-guard.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b584a5e946ee1b737c6650519e9150acddf7210f6f87bd5f50c990bbfc1b23a2 +size 7617 diff --git a/public/images/champion-shield.png b/public/images/champion-shield.png new file mode 100644 index 0000000..876f7c5 --- /dev/null +++ b/public/images/champion-shield.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c21a323e4ea6bd1df5cb44decaf5560db9c03726e43d5e1d51910341336edc56 +size 6100 diff --git a/public/images/damage.png b/public/images/damage.png new file mode 100644 index 0000000..b6d2790 --- /dev/null +++ b/public/images/damage.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:865b731d41081ac3a2e30a04487f58f59729531426efbf95269a34cd0203f56f +size 2703 diff --git a/public/images/gold.png b/public/images/gold.png new file mode 100644 index 0000000..7379d71 --- /dev/null +++ b/public/images/gold.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:acc4c1cb7e40b57dd85d8459f078f3c45a976cbc654d01f9b506420105d9ffc7 +size 3077 diff --git a/public/images/heal.png b/public/images/heal.png new file mode 100644 index 0000000..f42d816 --- /dev/null +++ b/public/images/heal.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5f72f57e668e758675f6c0ce6ab1bfe2e9a8725f3fa03592749e4d261552f30f +size 2195