attilio/segnapunti
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fissa dimensioni riquadri punteggio per evitare spostamenti

Browse Source
This commit is contained in:
davide3011
2026-01-28 14:30:17 +01:00
parent 2c6416bfe0
commit eae5cbf964
2 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/HomePage/HomePage.html
View File

@@ -83,8 +83,10 @@
</div> </div>
</span> </span>
<span v-else> <span v-else>
<div class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</div> <w-flex class="punteggio-container">
<div class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div> <w-flex justify-center align-center class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</w-flex>
<w-flex justify-center align-center class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</w-flex>
</w-flex>
</span> </span>
</span> </span>
@@ -120,8 +122,10 @@
</div> </div>
</span> </span>
<span v-else> <span v-else>
<div class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div> <w-flex class="punteggio-container">
<div class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</div> <w-flex justify-center align-center class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</w-flex>
<w-flex justify-center align-center class="col punt home" @click="incPunt('home')">{{ sp.punt.home }}</w-flex>
</w-flex>
</span> </span>
</span> </span>

15
src/style.css
View File

@@ -80,8 +80,23 @@ button:focus-visible {
float: left; float: left;
width: 50%; width: 50%;
} }
.punteggio-container {
width: 100%;
height: 100%;
display: flex;
}
.punt { .punt {
font-size: 60vh; font-size: 60vh;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
min-height: 50vh;
min-width: 50vw;
max-width: 50vw;
overflow: hidden;
box-sizing: border-box;
} }
.form { .form {
font-size: 5vh; font-size: 5vh;