Update app.py

app.py

@@ -176,7 +176,12 @@ html, body, .stApp {
     }
     
     /* بازنشانی پدینگ برای المان‌های داخلی خاص */
-    [data-testid="stAppViewContainer"] .stSelectbox>div {
+    [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;
     }
@@ -211,117 +216,107 @@ html, body, .stApp {
 }
 
 /* ========== استایل‌های ورودی یکپارچه ========== */
-/* استایل پایه برای تمام عناصر ورودی */
-.stTextInput input, 
-.stNumberInput input, 
-.stSelectbox select,
-.stTextArea textarea,
-.stDateInput input,
-.stTimeInput input,
-.stMultiSelect div[role="combobox"],
-div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > div > div > input,
-div[data-baseweb="select"] > div:first-child {
-    color: var(--text) !important;
-    background-color: var(--input-bg) !important;
-    border: 1px solid var(--primary) !important;
+/* ========== استایل‌های ورودی یکپارچه ========== */
+/* استایل پایه برای تمام کانتینرهای ورودی */
+div[data-baseweb="select"] > div:first-child,
+div[data-baseweb="input"] > div:first-child,
+div[data-baseweb="textarea"] > div:first-child {
+    padding: 0 !important;
     border-radius: 6px !important;
-    min-height: 40px !important;
-    transition: all 0.2s ease !important;
-}
-
-/* استایل برای حالت hover و focus */
-.stTextInput input:hover,
-.stNumberInput input:hover,
-.stSelectbox select:hover,
-.stTextArea textarea:hover,
-.stDateInput input:hover,
-.stTimeInput input:hover,
-.stMultiSelect div[role="combobox"]:hover,
-.stTextInput input:focus,
-.stNumberInput input:focus,
-.stSelectbox select:focus,
-.stTextArea textarea:focus,
-.stDateInput input:focus,
-.stTimeInput input:focus {
-    border-color: var(--primary) !important;
-    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.15) !important;
-    outline: none !important;
-}  
-
-/* استایل لیبل‌ها */
-.stTextInput > label,
-.stNumberInput > label,
-.stSelectbox > label,
-.stRadio > label,
-.stSlider > label {
-    color: var(--text) !important;
-    font-weight: bold !important;
-    margin-bottom: 8px !important;
-    font-size: 14px !important;
+    border: 1px solid var(--primary) !important;
+    background-color: var(--input-bg) !important;
 }
 
-/* استایل placeholder */
-::placeholder {
+/* استایل داخلی برای المان‌های ورودی */
+div[data-baseweb="select"] input,
+div[data-baseweb="input"] input,
+div[data-baseweb="textarea"] textarea {
     color: var(--text) !important;
-    opacity: 0.5 !important;
+    background-color: transparent !important;
+    border: none !important;
+    padding: 10px 12px !important;
+    min-height: 40px !important;
+    font-family: 'B Nazanin' !important;
+    direction: rtl !important;
 }
 
-/* ========== استایل‌های خاص Selectbox ========== */
+/* استایل خاص برای سلکت باکس */
 div[data-baseweb="select"] > div:first-child {
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
     appearance: none !important;
     background-image: none !important;
+    padding-right: 30px !important; /* فضای برای فلش */
 }
 
-/* برای اینترنت اکسپلورر */
-div[data-baseweb="select"] > div:first-child::-ms-expand {
-    display: none !important;
-}
-
-div[data-baseweb="select"] {
-    position: relative !important;
-}
-
+/* فلش سفارشی برای سلکت باکس */
 div[data-baseweb="select"]::after {
     content: "▼";
     position: absolute;
-    left: 8px;
+    left: 12px !important;
     top: 50%;
     transform: translateY(-50%);
-    color: var(--primary);
-    background-color: white !important; /* پسزمینه سفید برای پوشاندن فلش پیشفرض */
-    font-size: 14px;
+    color: var(--primary) !important;
+    font-size: 12px !important;
     pointer-events: none;
 }
-      
 
-/* ===== راه حل تضمینی برای استایل dropdown ===== */
+/* استایل dropdown */
+div[data-baseweb="popover"] {
+    border: 1px solid var(--primary) !important;
+    border-radius: 6px !important;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
+}
 
-/* آیتم‌های لیست */
+/* آیتم‌های dropdown */
 div[data-baseweb="popover"] [role="option"] {
     color: var(--text) !important;
     background-color: white !important;
-    border: 1px var(--primary) !important;
+    padding: 10px 12px !important;
+    font-family: 'B Nazanin' !important;
+    direction: rtl !important;
 }
 
-/* آیتم انتخاب شده */
+/* آیتم انتخاب شده در dropdown */
 div[data-baseweb="popover"] [role="option"][aria-selected="true"] {
     background-color: #f0e6ff !important;
-    color: black !important;
 }
 
-/* ========== استایل‌های Number Input ========== */
-.stNumberInput button {
-    color: var(--primary) !important;
-    background-color: transparent !important;
-    border: none !important;
-    width: 30px !important;
+/* استایل hover برای تمام المان‌های ورودی */
+div[data-baseweb="select"] > div:first-child:hover,
+div[data-baseweb="input"] > div:first-child:hover,
+div[data-baseweb="textarea"] > div:first-child:hover {
+    border-color: var(--primary) !important;
+    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.15) !important;
+}
+
+/* استایل focus */
+div[data-baseweb="select"] > div:first-child:focus-within,
+div[data-baseweb="input"] > div:first-child:focus-within,
+div[data-baseweb="textarea"] > div:first-child:focus-within {
+    border-color: var(--primary) !important;
+    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.15) !important;
+    outline: none !important;
+}
+
+/* استایل لیبل‌ها */
+.stTextInput > label,
+.stNumberInput > label,
+.stSelectbox > label,
+.stRadio > label,
+.stSlider > label {
+    color: var(--text) !important;
     font-weight: bold !important;
+    margin-bottom: 8px !important;
+    font-size: 14px !important;
+    display: block !important;
 }
 
-.stNumberInput button:hover {
-    background-color: #f0e6ff !important;
+/* استایل placeholder */
+::placeholder {
+    color: var(--text) !important;
+    opacity: 0.5 !important;
+    font-family: 'B Nazanin' !important;
 }