Update app.py

app.py

@@ -57,14 +57,14 @@ html, body, .stApp {
     width: 100% !important;
 }
 
-
-/* ======== کادر موبایل برای دسکتاپ ======== */
 @media (min-width: 768px) {
     body {
         background: #f0f0f0 !important;
         display: flex !important;
         justify-content: center !important;
         align-items: center !important;
+        height: 100vh !important;
+        overflow: hidden !important;
     }
     
     [data-testid="stAppViewContainer"] {
@@ -76,15 +76,27 @@ html, body, .stApp {
         box-shadow: 0 0 0 6px #666, 0 0 30px rgba(0,0,0,0.5) !important;
         background-color: var(--background) !important;
         color: var(--text) !important;
-        overflow-y: auto !important; /* ✅ اضافه‌شده */
-        overflow-x: hidden !important; /* برای اطمینان از عدم اسکرول افقی */
-    }  
+        overflow-y: auto !important; /* اضافه کردن اسکرول عمودی */
+        overflow-x: hidden !important;
+        scrollbar-width: thin !important; /* برای مرورگرهای فایرفاکس */
+        scrollbar-color: #6a0dad #f0f0f0 !important; /* برای مرورگرهای فایرفاکس */
+    }
     
-    /* تنظیمات نقشه */
-    .folium-map {
-        width: calc(100% + 24px) !important;
-        margin-left: -12px !important;
+    /* استایل اسکرولبار برای مرورگرهای وبکیت (کروم، اج، سافاری) */
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar {
+        width: 6px !important;
+    }
+    
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar-track {
+        background: #f0f0f0 !important;
+        border-radius: 3px !important;
+    }
+    
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb {
+        background-color: #6a0dad !important;
+        border-radius: 3px !important;
     }
+    
     /* دکمه هوم مجازی */
     [data-testid="stAppViewContainer"]::after {
         content: "";
@@ -97,45 +109,14 @@ html, body, .stApp {
         background: #333;
         border-radius: 2px;
     }
-
-        /* تنظیمات اصلی */
-    body, .stApp, [data-testid="stAppViewContainer"] {
-        background-color: var(--background) !important;
-        color: var(--text) !important;
-    }
-
-    [data-testid="stAppViewContainer"],
-    .stApp {
-        overflow-y: auto !important;   /* اجازه اسکرول عمودی */
-        overflow-x: hidden !important; /* جلوگیری از اسکرول افقی */
-    }
     
-    /* اطمینان از ارتفاع صددرصدی برای stApp */
     .stApp {
+        width: 100% !important;
         height: 100% !important;
-        display: block !important;
-    }
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar {
-        width: 8px;
+        overflow: auto !important;
     }
-    
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar-track {
-        background: #f1f1f1;
-        border-radius: 4px;
-    }
-    
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb {
-        background: #6a0dad;
-        border-radius: 4px;
-    }
-    
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb:hover {
-        background: #5a0a96;
-    }
-    
 }
 
-
 /* هدر راهیار */
 .rahyar-title {
     color: var(--primary) !important;
@@ -552,50 +533,6 @@ h3 {
     padding: calc(var(--base-font-size) * 0.7) calc(var(--base-font-size) * 1.2) !important;
 }
 
-@media (min-width: 768px) {
-  /* اسکرول برای کادر موبایلی و محتوا */
-    [data-testid="stAppViewContainer"] {
-    overflow-y: auto !important;
-    overflow-x: hidden !important;
-    height: 667px !important;
-    }
-    
-    .stApp {
-    height: 100% !important;
-    overflow-y: auto !important;
-    padding: 0 5px !important;  /* ← برای پدینگ چپ و راست */
-    }
-    
-    /* اطمینان از اینکه Scroll کار می‌کنه */
-    html, body {
-    height: 100% !important;
-    }
-    
-    body {
-    overflow: hidden !important;  /* این اجازه میده اسکرول فقط در stApp باشه */
-    }
-      /* استایل کامل و مشخص برای scrollbar در دسکتاپ */
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar {
-        width: 8px; /* ضخامت مشخص */
-    }
-    
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar-track {
-        background: #e0e0e0; /* رنگ خاکستری روشن زمینه */
-        border-radius: 4px;
-    }
-    
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb {
-        background: #6a0dad; /* رنگ بنفش بدنه اسکرول */
-        border-radius: 4px;
-        border: 1px solid white; /* کمی کنتراست با پس‌زمینه */
-    }
-    
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb:hover {
-        background: #4e0788; /* رنگ بنفش تیره‌تر هنگام هاور */
-    }
-
-}
-
 </style>
 """, unsafe_allow_html=True)