Fri Dec 1 11:13:00 CST 2023 inscode

main.py

@@ -3,28 +3,26 @@ import streamlit as st
 st.set_page_config(page_title="Wall-E", page_icon=":robot_face:", layout="wide")
 
 html = """
-<div style="position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;">
-    <div id="pet" style="position: absolute; width: 200px; height: 200px; left: 50%; top: 50%; transform: translate(-50%, -50%);">
-        <div id="body" style="position: absolute; width: 120px; height: 140px; background: #6C706F; left: 40px; top: 30px;">
-            <div id="head" style="position: absolute; width: 100px; height: 100px; border-radius: 50%; background: #F2F3F4; left: 10px; top: 0px;">
-                <div id="eye-left" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #333; left: 10px; top: 30px;">
-                    <div id="pupil-left" style="position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);">
-                    </div>
+<div id="pet" style="position: fixed; width: 200px; height: 200px; left: 50%; top: 50%; transform: translate(-50%, -50%);">
+    <div id="body" style="position: absolute; width: 120px; height: 140px; background: #6C706F; left: 40px; top: 30px;">
+        <div id="head" style="position: absolute; width: 100px; height: 100px; border-radius: 50%; background: #F2F3F4; left: 10px; top: 0px;">
+            <div id="eye-left" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #333; left: 10px; top: 30px;">
+                <div id="pupil-left" style="position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);">
                 </div>
-                <div id="eye-right" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #333; left: 65px; top: 30px;">
-                    <div id="pupil-right" style="position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);">
-                    </div>
-                </div>
-            </div>
-            <div id="hand-left" style="position: absolute; width: 20px; height: 60px; background: #F2F3F4; left: -20px; top: 50px; transform: rotate(45deg); ">
-            </div>
-            <div id="hand-right" style="position: absolute; width: 20px; height: 60px; background: #F2F3F4; left: 100px; top: 50px; transform: rotate(-45deg);">
             </div>
-            <div id="wheel-left" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #8A8075; left: 20px; top: 100px;">
-            </div>
-            <div id="wheel-right" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #8A8075; left: 75px; top: 100px;">
+            <div id="eye-right" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #333; left: 65px; top: 30px;">
+                <div id="pupil-right" style="position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);">
+                </div>
             </div>
         </div>
+        <div id="hand-left" style="position: absolute; width: 20px; height: 60px; background: #F2F3F4; left: -20px; top: 50px; transform: rotate(45deg); ">
+        </div>
+        <div id="hand-right" style="position: absolute; width: 20px; height: 60px; background: #F2F3F4; left: 100px; top: 50px; transform: rotate(-45deg);">
+        </div>
+        <div id="wheel-left" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #8A8075; left: 20px; top: 100px;">
+        </div>
+        <div id="wheel-right" style="position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #8A8075; left: 75px; top: 100px;">
+        </div>
     </div>
 </div>
 """