heronfief/front
3
1
Fork 0
Code Issues 44 Pull Requests 1 Actions Packages Projects Releases 1 Activity

Chore: horizontalle center hand overlay
release-tag / release-image (push) Successful in 30s
Details

Browse Source 
Closes #62
This commit is contained in:
legonzaur
2024-05-17 14:43:23 +02:00
parent f583fb3122
commit b008541d89
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/SelfView.vue
+5 -7
View File
@@ -1,8 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import goStore, { useEffect, playCard, playAllCards, discard, lockCard, heal, damage_champion, damage_team, endTurn } from '~/netcode'; import goStore, { useEffect, playCard, playAllCards, discard, lockCard, heal, damage_champion, damage_team, endTurn } from '~/netcode';
import { CardEffects } from '@/netcode/Effect'
const isTurn = computed(() => goStore.self?.team == goStore.current_game?.current_turn)
</script> </script>
@@ -40,7 +37,8 @@ const isTurn = computed(() => goStore.self?.team == goStore.current_game?.curren
#turn_data { #turn_data {
position: fixed; position: fixed;
bottom: 10px; bottom: 10px;
left: 10px; left: 50%;
right: 50%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
@@ -67,16 +65,16 @@ const isTurn = computed(() => goStore.self?.team == goStore.current_game?.curren
align-items: stretch; align-items: stretch;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
left: 70px; left: 50%;
bottom: -50px; bottom: -50px;
max-width: 100vw; max-width: 100vw;
justify-content: flex-start; justify-content: flex-start;
transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
transform: translateY(150px) transform: translate(-50%, 150px)
} }
#self_hand:hover { #self_hand:hover {
transform: translateY(0px); transform: translate(-50%, 0px);
} }
#end_turn { #end_turn {