fix: fix get_content() to fix the css issue

app.py

@@ -51,9 +51,8 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
             )
 
         with gr.Column(scale=1, elem_id="player_avatar_container"):
-            avatar = gr.Gallery(
-                ["medias/avatar.png", "medias/avatar2.png"],
-                preview=True,
+            avatar = gr.Image(
+                "medias/avatar.png",
                 elem_id="player_avatar",
             )
             avatar_description = gr.Markdown(
@@ -85,7 +84,7 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
             )
 
     with gr.Row():
-        html = get_content("htmls/adventure_blank.html")
+        html = "<div style='max-width:100%; max-height:360px; overflow:auto'>" + get_content("htmls/adventure_blank.html")
         adventure_log = gr.HTML(html, label="Adventure Log", elem_id="adventure_log")
 
     # handling player info

utils/utils.py

@@ -11,7 +11,7 @@ MEDIA_FILE_TYPE = ".png"
 def get_content(file_name: str) -> str:
     with open(file_name, "r", encoding="utf-8") as file:
         content = file.read()
-    return "<div style='max-width:100%; max-height:360px; overflow:auto'>" + content
+    return content
 
 
 def get_player_partners(player_info: gr.State) -> List[str]: