Set app title, update Home, normalize lockfile

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:
2026-02-11 17:17:01 +01:00
committed by Jonas
parent 4533bdf179
commit da6bb05126
3 changed files with 316 additions and 301 deletions
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>4 Gewinnt</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
+287 -281
View File
File diff suppressed because it is too large Load Diff
+14 -5
View File
@@ -19,12 +19,13 @@ let buttons = [
</script> </script>
<template> <template>
<v-container class="fill-height d-flex justify-space-evenly align-center flex-column" fluid> <v-container class="fill-height d-flex justify-center align-center flex-column" fluid>
<h1>Wähle dein Spielmodi aus:</h1> <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-row justify="center" align="center" >
<v-col cols="12" class="text-center"> <v-col cols="12" class="text-center">
<div v-for="button of buttons" :key="button.name" class="pa-2"> <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"> <v-btn :color="button.color" size="x-large" min-width="325" class="justify-start" rounded="xl">
<template v-slot:prepend> <template v-slot:prepend>
<div class="d-flex justify-start" style="width: 30px;"> <div class="d-flex justify-start" style="width: 30px;">
<v-icon :icon="button.icon"></v-icon> <v-icon :icon="button.icon"></v-icon>
@@ -38,7 +39,15 @@ let buttons = [
</div> </div>
</v-col> </v-col>
</v-row> </v-row>
</div>
</v-container> </v-container>
</template> </template>
<style scoped></style> <style scoped>
.compact-stack {
display: flex;
flex-direction: column;
align-items: center;
gap: 10vh;
}
</style>