Skip to content

Commit 897ffa8

Browse files
committed
Use svh units for TYFS game mobile viewport fix
1 parent a9d11c6 commit 897ffa8

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

public/games/thank-you-for-your-service/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,14 +50,14 @@
5050
.game {
5151
width: 384px;
5252
max-width: calc(100vw - 32px);
53-
height: 100vh;
53+
height: 100svh;
5454
display: flex;
5555
flex-direction: column;
5656
}
5757

5858
/* Dark void above paper -- shrinks as paper grows, min 5vh */
5959
.void {
60-
flex: 1 0 5vh;
60+
flex: 1 0 5svh;
6161
}
6262

6363
/* -- Printer box -- */
@@ -373,7 +373,7 @@
373373
transition:
374374
transform 4s ease-in,
375375
opacity 3.5s ease-in;
376-
transform: translateY(-150vh);
376+
transform: translateY(-150svh);
377377
opacity: 0;
378378
}
379379

0 commit comments

Comments
 (0)