improved scaling on dialog

This commit is contained in:
Daniel Bulant 2021-06-12 09:37:06 +02:00
parent ad68174c60
commit 9a23af7d83
3 changed files with 17 additions and 9 deletions

View file

@ -11,7 +11,7 @@
.button {
max-width: 800px;
position: relative;
font-size: 25px;
font-size: clamp(1rem, 4vh - 0.2rem, 1.5rem);
background: url("/sprite/button2.webp");
background-size: auto 100%;
background-repeat: repeat-x;
@ -25,21 +25,21 @@
}
.button:before {
content: "";
height: 43px;
width: 64px;
height: 1.72em;
width: 2.56em;
background: url("/sprite/button1.webp");
background-size: contain;
left: -64px;
left: -2.56em;
top: 0;
position: absolute;
}
.button:after {
content: "";
height: 43px;
width: 64px;
height: 1.72em;
width: 2.56em;
background: url("/sprite/button1.webp");
background-size: contain;
right: -64px;
right: -2.56em;
top: 0;
position: absolute;
transform: scaleX(-1);

View file

@ -229,9 +229,17 @@
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
max-height: 100vh;
width: 100vw;
user-select: none;
}
.text {
font-size: clamp(1rem, 4vh - 0.2rem, 1.5rem);
max-height: 50vh;
}
.text p {
font-size: inherit;
}
h1 {
color: #FFFCBE;
margin: 10px 0;

View file

@ -146,7 +146,7 @@ export const dialog = [{
map: "uziel",
text: "(she appear out of nowhere and suddenly approaches you.)",
buttons: [{
text: "oh, you're approaching me? Had you heard of my harem proposal.",
text: "oh, you're approaching me? Have you heard of my harem proposal.",
next: "uziel_failure"
}, {
text: "Harem of angle, yes or no ?",