Dynamically scale the text box

This commit is contained in:
p11 2025-04-09 22:06:40 +02:00
parent d35517043d
commit 6e9423892d

View File

@ -705,14 +705,13 @@ fn handle_relative_connection(
border: 2px solid #3a3a3a; border: 2px solid #3a3a3a;
border-radius: 10px; border-radius: 10px;
padding: 20px; padding: 20px;
margin: 1rem 0; margin: 1rem auto;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: relative; position: relative;
min-height: 120px;
width: 80%; width: 80%;
margin-left: auto; max-width: 600px;
margin-right: auto; min-width: 300px;
} }
.character-name { .character-name {
@ -724,7 +723,7 @@ fn handle_relative_connection(
color: white; color: white;
border-radius: 5px; border-radius: 5px;
margin: 0; margin: 0;
transform: translateY(-50%); transform: translateY(-60%);
position: absolute; position: absolute;
top: 0; top: 0;
left: 20px; left: 20px;
@ -736,6 +735,11 @@ fn handle_relative_connection(
line-height: 1.6; line-height: 1.6;
color: #333; color: #333;
margin-top: 10px; margin-top: 10px;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
} }
.visual-novel-box::after { .visual-novel-box::after {