Update app.py

app.py

@@ -54,25 +54,18 @@ st.markdown("""
 html, body, .stApp {
     max-width: 768px !important; /* حداکثر عرض صفحه */
     margin: 0 auto; /* وسط‌چین کردن محتوا */
-    width: 100% !important;
+    width: 100% !important
 }
 
-@media (min-width: 768px) {
-    /* Reset default margins and padding */
-    html, body {
-        margin: 0 !important;
-        padding: 0 !important;
-        background: #f0f0f0 !important; /* رنگ پس‌زمینه خاکستری روشن */
-        height: 100vh !important;
-        overflow: hidden !important;
-    }
-    
+@media (min-width: 768px) {    
     /* Container for the mobile frame */
     body {
+        background: #f0f0f0 !important;
         display: flex !important;
         justify-content: center !important;
         align-items: center !important;
-        background: #f0f0f0 !important; /* مطمئن شوید این رنگ با رنگ پس‌زمینه کادر موبایل متفاوت نیست */
+        height: 100vh !important;
+        overflow: hidden !important;
     }
     
     /* Mobile frame styling */
@@ -92,7 +85,6 @@ html, body, .stApp {
         scrollbar-width: thin !important;
         scrollbar-color: #6a0dad #f0f0f0 !important;
         direction: rtl !important;
-        position: relative !important;
     }
 
     /* Remove any potential dark background from parent elements */