Implement MessageBox UI: Add styles and structure for message box, including buttons and event handling

This commit is contained in:
Zero
2026-06-14 15:57:59 +02:00
parent ec221ab410
commit 4f5eca9194
6 changed files with 406 additions and 181 deletions

View File

@@ -0,0 +1,84 @@
body
{
width: 100%;
height: 100%;
font-family: Minecraft Default;
font-size: 14dp;
color: #ffffff;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
div#message_box
{
width: 624dp;
height: auto;
margin: auto;
padding: 40dp 48dp;
decorator: image(images/lce/frame_MessageBox_background.png);
display: flex;
flex-direction: column;
align-items: center;
}
p#title
{
font-size: 31dp;
color: #333333;
margin-bottom: 23dp;
text-align: left;
width: 100%;
}
div#text_container
{
width: 100%;
height: auto;
max-height: 400dp;
overflow: auto;
margin-bottom: 23dp;
padding: 8dp;
}
p#description
{
font-size: 18dp;
color: #333333;
line-height: 1.5;
white-space: pre-wrap;
}
div#buttons
{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
button
{
display: block;
width: 674dp;
height: 60dp;
margin-bottom: 15dp;
color: #ffffff;
font-size: 36dp;
text-align: center;
line-height: 60dp;
cursor: pointer;
background: transparent;
decorator: image(images/lce/Button/MainMenuButton_Norm.png);
}
button:hover
{
decorator: image(images/lce/Button/MainMenuButton_Over.png);
}
button:last-child
{
margin-bottom: 0;
}