discard in the right place
This commit is contained in:
parent
4dabff91d3
commit
b28046d935
1 changed files with 12 additions and 12 deletions
|
|
@ -140,8 +140,8 @@
|
|||
#discard-0 {
|
||||
position: absolute;
|
||||
transform: translate(-50%, 50%);
|
||||
bottom: 25%;
|
||||
left: 50%;
|
||||
bottom: 16%;
|
||||
left: 48%;
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: auto;
|
||||
|
|
@ -151,8 +151,8 @@
|
|||
#discard-1 {
|
||||
position: absolute;
|
||||
transform: translate(-50%, -400%) rotate(-90deg) translate(0%, 450%);
|
||||
bottom: -25%;
|
||||
left: 50%;
|
||||
bottom: 25%;
|
||||
left: 58%;
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: auto;
|
||||
|
|
@ -162,8 +162,8 @@
|
|||
#discard-2 {
|
||||
position: absolute;
|
||||
transform: translate(-50%, -400%) rotate(180deg) translate(0%, 450%);
|
||||
bottom: -25%;
|
||||
left: 50%;
|
||||
bottom: 35%;
|
||||
left: 50.5%;
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: auto;
|
||||
|
|
@ -173,8 +173,8 @@
|
|||
#discard-3 {
|
||||
position: absolute;
|
||||
transform: translate(-50%, -400%) rotate(90deg) translate(0%, 450%);
|
||||
bottom: -25%;
|
||||
left: 50%;
|
||||
bottom: 27.5%;
|
||||
left: 40%;
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: auto;
|
||||
|
|
@ -189,8 +189,8 @@
|
|||
}
|
||||
|
||||
.discard-tile svg {
|
||||
height: 50px;
|
||||
width: 35px;
|
||||
height: 65px;
|
||||
width: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
@ -336,8 +336,8 @@
|
|||
// Calculer la position en grille (6 tuiles par ligne)
|
||||
const row = Math.floor(tileIndex / 6);
|
||||
const col = tileIndex % 6;
|
||||
const x = col * 37; // 35px width + 2px gap
|
||||
const y = row * 52; // 50px height + 2px gap
|
||||
const x = col * 50;
|
||||
const y = row * 67;
|
||||
|
||||
tileDiv.style.position = 'absolute';
|
||||
tileDiv.style.left = x + 'px';
|
||||
|
|
|
|||
Loading…
Reference in a new issue