Update app.py

app.py

@@ -138,53 +138,6 @@ html, body, .stApp {
         background: #333;
         border-radius: 2px;
     }
-    /* تنظیم پدینگ عمومی با * */
-    [data-testid="stAppViewContainer"] * {
-        padding-right: 5px !important;
-        padding-left: 8px !important;
-        box-sizing: border-box !important;
-    }
-    
-    /* استثناهای اصلی */
-    [data-testid="stAppViewContainer"]::after,
-    [data-testid="stAppViewContainer"]::-webkit-scrollbar,
-    [data-testid="stAppViewContainer"] .stButton>button,
-    [data-testid="stAppViewContainer"] .stTextInput>div>div>input,
-    [data-testid="stAppViewContainer"] .stNumberInput>div>div>input,
-    [data-testid="stAppViewContainer"] .stSelectbox>div>div>select,
-    [data-testid="stAppViewContainer"] .stTextArea>div>textarea,
-    [data-testid="stAppViewContainer"] .stDateInput>div>div>input,
-    [data-testid="stAppViewContainer"] .stTimeInput>div>div>input,
-    [data-testid="stAppViewContainer"] .price-container,
-    [data-testid="stAppViewContainer"] .explanation-item,
-    [data-testid="stAppViewContainer"] .stAlert,
-    [data-testid="stAppViewContainer"] .stMarkdown,
-    [data-testid="stAppViewContainer"] .folium-map,
-    [data-testid="stAppViewContainer"] .stRadio>div>div>div>label,
-    [data-testid="stAppViewContainer"] .stCheckbox>div>div>label,
-    [data-testid="stAppViewContainer"] .stSlider>div>div>div>div,
-    [data-testid="stAppViewContainer"] .stMultiSelect>div>div>div {
-        padding-right: 0 !important;
-        padding-left: 0 !important;
-    }
-    
-    /* تنظیمات خاص برای کانتینرهای Streamlit */
-    [data-testid="stAppViewContainer"] [data-testid="stVerticalBlock"]>div,
-    [data-testid="stAppViewContainer"] [data-testid="stHorizontalBlock"]>div {
-        padding-right: 5px !important;
-        padding-left: 8px !important;
-    }
-    
-    /* بازنشانی پدینگ برای المان‌های داخلی خاص */
-    [data-testid="stAppViewContainer"] .stTextInput>div,
-    [data-testid="stAppViewContainer"] .stNumberInput>div,
-    [data-testid="stAppViewContainer"] .stSelectbox>div,
-    [data-testid="stAppViewContainer"] .stTextArea>div,
-    [data-testid="stAppViewContainer"] .stDateInput>div,
-    [data-testid="stAppViewContainer"] .stTimeInput>div {
-        padding-right: 0 !important;
-        padding-left: 0 !important;
-    }
 }
 
 /* هدر راهیار */
@@ -603,11 +556,54 @@ h3 {
     padding: calc(var(--base-font-size) * 0.7) calc(var(--base-font-size) * 1.2) !important;
 }
 
-.stTextInput input,
-.stNumberInput input,
-.stSelectbox select,
-.stTextArea textarea {
-   padding: calc(var(--base-font-size) * 0.7) calc(var(--base-font-size) * 1.2) !important;
+@media (min-width: 768px) {    
+    /* تنظیم پدینگ عمومی با * */
+    [data-testid="stAppViewContainer"] * {
+        padding-right: 5px !important;
+        padding-left: 8px !important;
+        box-sizing: border-box !important;
+    }
+
+        /* استثناهای اصلی */
+    [data-testid="stAppViewContainer"]::after,
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar,
+    [data-testid="stAppViewContainer"] .stButton>button,
+    [data-testid="stAppViewContainer"] .stTextInput>div>div>input,
+    [data-testid="stAppViewContainer"] .stNumberInput>div>div>input,
+    [data-testid="stAppViewContainer"] .stSelectbox>div>div>select,
+    [data-testid="stAppViewContainer"] .stTextArea>div>textarea,
+    [data-testid="stAppViewContainer"] .stDateInput>div>div>input,
+    [data-testid="stAppViewContainer"] .stTimeInput>div>div>input,
+    [data-testid="stAppViewContainer"] .price-container,
+    [data-testid="stAppViewContainer"] .explanation-item,
+    [data-testid="stAppViewContainer"] .stAlert,
+    [data-testid="stAppViewContainer"] .stMarkdown,
+    [data-testid="stAppViewContainer"] .folium-map,
+    [data-testid="stAppViewContainer"] .stRadio>div>div>div>label,
+    [data-testid="stAppViewContainer"] .stCheckbox>div>div>label,
+    [data-testid="stAppViewContainer"] .stSlider>div>div>div>div,
+    [data-testid="stAppViewContainer"] .stMultiSelect>div>div>div {
+        padding-right: 0 !important;
+        padding-left: 0 !important;
+    }
+    
+    /* تنظیمات خاص برای کانتینرهای Streamlit */
+    [data-testid="stAppViewContainer"] [data-testid="stVerticalBlock"]>div,
+    [data-testid="stAppViewContainer"] [data-testid="stHorizontalBlock"]>div {
+        padding-right: 5px !important;
+        padding-left: 8px !important;
+    }
+    
+    /* بازنشانی پدینگ برای المان‌های داخلی خاص */
+    [data-testid="stAppViewContainer"] .stTextInput>div,
+    [data-testid="stAppViewContainer"] .stNumberInput>div,
+    [data-testid="stAppViewContainer"] .stSelectbox>div,
+    [data-testid="stAppViewContainer"] .stTextArea>div,
+    [data-testid="stAppViewContainer"] .stDateInput>div,
+    [data-testid="stAppViewContainer"] .stTimeInput>div {
+        padding-right: 0 !important;
+        padding-left: 0 !important;
+    }
 }
 
 </style>