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:
+1
-1
@@ -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>
|
||||||
|
|||||||
Generated
+287
-281
File diff suppressed because it is too large
Load Diff
+14
-5
@@ -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>
|
||||||
Reference in New Issue
Block a user