Update app.py

app.py

@@ -80,29 +80,6 @@ html, body, .stApp {
         overflow: hidden !important;
         background-color: var(--background) !important;
     }
-@media (min-width: 768px) {
-    [data-testid="stAppViewContainer"] {
-        padding: 5px !important;
-    }
-    
-    [data-testid="stAppViewContainer"] > div,
-    [data-testid="stAppViewContainer"] > div > div,
-    [data-testid="stAppViewContainer"] > div > div > div {
-        padding: 0 !important;
-        margin: 0 !important;
-    }
-    
-    /* تنظیمات عناصر خاص */
-    .stMarkdown, .stBlock, .stAlert {
-        padding: 2px !important;
-        margin: 2px 0 !important;
-    }
-    
-    .rahyar-title {
-        margin-top: 0 !important;
-        padding-top: 0 !important;
-    }
-}
    
     /* دکمه هوم مجازی */
     [data-testid="stAppViewContainer"]::after {
@@ -556,6 +533,20 @@ h3 {
 </style>
 """, unsafe_allow_html=True)
 
+st.components.v1.html("""
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    const container = document.querySelector('[data-testid="stAppViewContainer"]');
+    if (container && window.innerWidth >= 768) {
+        container.style.padding = '5px';
+        container.querySelectorAll('*').forEach(el => {
+            el.style.margin = '0';
+            el.style.padding = '0';
+        });
+    }
+});
+</script>
+""")
 
 
 # ========== توابع اصلی ==========