Update app.py

app.py

@@ -26,20 +26,64 @@ html, body, .stApp {
     width: 100% !important;
 }
 
+/* برای حالت دسکتاپ (لپ‌تاپ) که به صورت موبایل نمایش داده می‌شود */
 /* برای حالت دسکتاپ (لپ‌تاپ) که به صورت موبایل نمایش داده می‌شود */
 @media (min-width: 769px) {
     .stApp {
-        /* کادر با عرض ثابت و گوشه‌های گرد */
+        /* شبیه‌سازی کادر موبایل */
         max-width: 375px !important; /* عرض مشابه موبایل */
         margin: 0 auto; /* وسط‌چین کردن محتوا */
         padding: 20px; /* فاصله داخلی */
-        border-radius: 36px; /* گوشه‌های گرد بزرگتر برای ظاهر موبایلی */
-        border: 2px solid var(--primary); /* رنگ کادر */
-        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* سایه بزرگتر برای جلوه موبایلی */
+        border-radius: 40px; /* گوشه‌های گرد بزرگتر برای ظاهر موبایلی */
+        border: 3px solid var(--primary); /* رنگ کادر موبایلی */
         background-color: var(--background); /* پس‌زمینه سفید */
+        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* سایه برای شبیه‌سازی موبایل */
         overflow: hidden; /* مخفی کردن هرگونه عنصر اضافی که از کادر خارج می‌شود */
+        
+        /* شبیه‌سازی نوار وضعیت بالا */
+        position: relative;
+    }
+
+    /* نوار وضعیت بالای موبایل */
+    .stApp::before {
+        content: "";
+        position: absolute;
+        top: 10px;
+        left: 20px;
+        right: 20px;
+        height: 10px;
+        background: #333;
+        border-radius: 5px;
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    }
+
+    /* دکمه‌های کناری شبیه موبایل */
+    .stApp::after {
+        content: "";
+        position: absolute;
+        top: 50%;
+        right: -15px; /* دکمه سمت راست */
+        width: 10px;
+        height: 60px;
+        background-color: #333;
+        border-radius: 5px;
+        transform: translateY(-50%);
+    }
+
+    /* در صورتی که بخواهید دکمه سمت چپ هم داشته باشید */
+    .stApp::before {
+        content: "";
+        position: absolute;
+        top: 50%;
+        left: -15px; /* دکمه سمت چپ */
+        width: 10px;
+        height: 60px;
+        background-color: #333;
+        border-radius: 5px;
+        transform: translateY(-50%);
     }
 }
+
 /* تنظیمات کلی استایل‌ها */
 @font-face {
     font-family: 'B Nazanin';