Update app.py

app.py

@@ -176,6 +176,85 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 
+st.components.v1.html("""
+<script>
+// تنظیم viewport دینامیک
+document.querySelector('meta[name="viewport"]').content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
+
+// تنظیمات کادر موبایل در دسکتاپ
+function setupMobileFrame() {
+    const appContainer = document.querySelector('[data-testid="stAppViewContainer"]');
+    const isDesktop = window.innerWidth >= 768;
+    
+    if (appContainer) {
+        if (isDesktop) {
+            // تنظیمات برای دسکتاپ
+            appContainer.style.width = '375px';
+            appContainer.style.height = '667px';
+            appContainer.style.margin = '0 auto';
+            appContainer.style.overflow = 'hidden';
+            
+            // تنظیم اسکرول برای محتوای داخلی
+            const appContent = document.querySelector('.stApp > div');
+            if (appContent) {
+                appContent.style.maxHeight = 'calc(667px - 40px)';
+                appContent.style.overflowY = 'auto';
+                appContent.style.scrollbarWidth = 'none';
+            }
+            
+            // تنظیم پس‌زمینه صفحه
+            document.body.style.background = '#f0f0f0';
+            document.body.style.display = 'flex';
+            document.body.style.justifyContent = 'center';
+            document.body.style.alignItems = 'center';
+            document.body.style.padding = '20px';
+        } else {
+            // تنظیمات برای موبایل واقعی
+            appContainer.style.width = '100%';
+            appContainer.style.maxWidth = '100%';
+            appContainer.style.height = 'auto';
+            appContainer.style.margin = '0';
+            appContainer.style.overflow = 'visible';
+        }
+    }
+}
+
+// غیرفعال کردن زوم و تنظیمات لمسی
+function disableZoom() {
+    document.addEventListener('gesturestart', function(e) {
+        e.preventDefault();
+    });
+    document.addEventListener('dblclick', function(e) {
+        e.preventDefault();
+    }, { passive: false });
+}
+
+// تنظیم اندازه فونت بر اساس عرض دستگاه
+function adjustFontSize() {
+    const container = document.querySelector('[data-testid="stAppViewContainer"]');
+    if (container) {
+        const width = container.offsetWidth;
+        const baseSize = width < 400 ? 14 : 16;
+        document.documentElement.style.fontSize = baseSize + 'px';
+    }
+}
+
+// اجرای تمام تنظیمات پس از لود صفحه
+window.addEventListener('load', function() {
+    setupMobileFrame();
+    disableZoom();
+    adjustFontSize();
+});
+
+// اجرای مجدد تنظیمات هنگام تغییر سایز پنجره
+window.addEventListener('resize', function() {
+    setupMobileFrame();
+    adjustFontSize();
+});
+</script>
+""", height=0)
+
+
 # ========== توابع اصلی ==========
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""