jonas/4Gewinnt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Set app title, update Home, normalize lockfile

Browse Source 
Change the app title in GUI/index.html to "4 Gewinnt" to reflect the project name. Apply updates to GUI/src/Home.vue (UI/logic adjustments). Regenerate/normalize GUI/package-lock.json alongside these changes.
This commit is contained in:
Jonas Himmelberg
2026-02-11 17:17:01 +01:00
committed by Jonas
parent 4533bdf179
commit da6bb05126
3 changed files with 316 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files
GUI/src/Home.vue
+28 -19
View File
@@ -19,26 +19,35 @@ let buttons = [
</script>
<template>
<v-container class="fill-height d-flex justify-space-evenly align-center flex-column" fluid>
<h1>Wähle dein Spielmodi aus:</h1>
<v-row justify="center" align="center">
<v-col cols="12" class="text-center">
<div v-for="button of buttons" :key="button.name" class="pa-2">
<v-btn :color="button.color" size="x-large" min-width="325" class="justify-start">
<template v-slot:prepend>
<div class="d-flex justify-start" style="width: 30px;">
<v-icon :icon="button.icon"></v-icon>
</div>
</template>
<v-container class="fill-height d-flex justify-center align-center flex-column" fluid>
<div class="compact-stack">
<h1 class="mb-0 text-center">Wähle deinen <br><span class="text-yellow">Spielmodus</span></h1>
<v-row justify="center" align="center" >
<v-col cols="12" class="text-center">
<div v-for="button of buttons" :key="button.name" class="py-1">
<v-btn :color="button.color" size="x-large" min-width="325" class="justify-start" rounded="xl">
<template v-slot:prepend>
<div class="d-flex justify-start" style="width: 30px;">
<v-icon :icon="button.icon"></v-icon>
</div>
</template>
<span class="flex-grow-1 text-center">
{{ button.name }}
</span>
</v-btn>
</div>
</v-col>
</v-row>
<span class="flex-grow-1 text-center">
{{ button.name }}
</span>
</v-btn>
</div>
</v-col>
</v-row>
</div>
</v-container>
</template>
<style scoped></style>
<style scoped>
.compact-stack {
display: flex;
flex-direction: column;
align-items: center;
gap: 10vh;
}
</style>