bugfix: fix minor bugs

app.py

@@ -209,6 +209,7 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
                 interactive=True,
                 elem_id="player_name",
                 visible=False,
+                placeholder="請在這裡輸入暱稱",
             )
 
         with gr.Row():

css/style.css

@@ -1,4 +1,4 @@
-#personal_report-button {
+/* #personal_report-button {
     font-size: 1.5rem !important;
     padding: 1.5vh !important;
 }
@@ -6,7 +6,7 @@
 #completion_reward-button {
     font-size: 1.5rem !important;
     padding: 1.5vh !important;
-}
+} */
 
 #player_avatar_container{
     place-items: center !important;
@@ -342,8 +342,8 @@ input[type="range"]::-ms-track {
 
 .selected {
     color: #fff !important;
-    background: #12d2ab !important;
-    border: 2px solid #02b28f !important;
+    background: #d29512 !important;
+    border: 2px solid #b77f0e !important;
     border-radius: 8px !important;
 }
 

utils/completion_reward.py

@@ -496,7 +496,8 @@ class ImageProcessor:
         for line in paragraph.split("\n"):
             wrapped_lines = textwrap.wrap(line, width=60)
             for wrapped_line in wrapped_lines:
-                paragraph_height += body_font.getsize(wrapped_line)[1] + 25
+                line_height = draw.textsize(wrapped_line, font=body_font)[1]
+                paragraph_height += line_height + 25
 
         # Calculate box height and top, bottom position
         padding = 40  # Additional padding
@@ -518,7 +519,9 @@ class ImageProcessor:
             wrapped_lines = textwrap.wrap(line, width=60)
             for wrapped_line in wrapped_lines:
                 draw.text((body_x, body_y), wrapped_line, font=body_font, fill="black")
-                body_y += body_font.getsize(wrapped_line)[1] + 25
+                body_y += draw.textsize(wrapped_line, font=body_font)[1] + 25
+
+        # Save the image with the text
 
         def get_md5_hash(text):
             return hashlib.md5(text.encode("utf-8")).hexdigest()