KnockOutWhist/KnockOutWhist-Frontend
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 35 Wiki Activity

feat(ui): FRO-34 Lobby (#21)

Browse Source 
Started with Lobby Component

Co-authored-by: LQ63 <lkhermann@web.de>
Co-authored-by: Janis <janis-e@gmx.de>
Reviewed-on: #21
Reviewed-by: Janis <janis-e@gmx.de>
Co-authored-by: lq64 <lq@blackhole.local>
Co-committed-by: lq64 <lq@blackhole.local>
This commit is contained in:
lq64
2025-12-14 15:10:27 +01:00
committed by Janis
parent f0623dbfb2
commit bb6355d9ed
24 changed files with 408 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ingame/GameInfoC.vue
View File

@@ -11,7 +11,7 @@ const {trumpsuit, firstCard} = toRefs(props)
const trumpName = computed(() => {
switch (trumpsuit.value.path.charAt(trumpsuit.value.path.length - 1)) {
switch (trumpsuit.value.identifier.charAt(1) as string) {
case 'S':
return 'Spades'
case 'H':
@@ -36,14 +36,12 @@ const trumpName = computed(() => {
<div class="q-mt-md">
<div class="text-subtitle1 q-mb-xs q-font-medium">First Card</div>
<div id="first-card-container" class="q-pa-sm bg-grey-2 rounded shadow-2"
<div id="first-card-container" class="q-pa-sm rounded shadow-2"
style="display:inline-block;">
<q-img v-if="firstCard" :src="firstCard.path" alt="First Card" class="firstbox"
style="width: 80px; border-radius: 6px;"/>
<div v-else class="q-pa-sm"
style="width: 80px; height: 120px; display:flex; align-items:center; justify-content:center; border-radius:6px; background: #ffffff; color: #666;">
No image
</div>
<q-img v-else src="/images/cards/1B.png" alt="First Card" class="firstbox"
style="width: 80px; border-radius: 6px;"/>
</div>
</div>
</div>