Update app.py

app.py

@@ -26,61 +26,16 @@ html, body, .stApp {
     width: 100% !important;
 }
 
-/* برای حالت دسکتاپ (لپ‌تاپ) که به صورت موبایل نمایش داده می‌شود */
-/* برای حالت دسکتاپ (لپ‌تاپ) که به صورت موبایل نمایش داده می‌شود */
 @media (min-width: 769px) {
     .stApp {
-        /* شبیه‌سازی کادر موبایل */
-        max-width: 375px !important; /* عرض مشابه موبایل */
+        /* کادر با عرض ثابت و گوشه‌های گرد */
+        max-width: 768px !important;
         margin: 0 auto; /* وسط‌چین کردن محتوا */
         padding: 20px; /* فاصله داخلی */
-        border-radius: 40px; /* گوشه‌های گرد بزرگتر برای ظاهر موبایلی */
-        border: 3px solid var(--primary); /* رنگ کادر موبایلی */
+        border-radius: 16px; /* گوشه‌های گرد */
+        border: 2px solid var(--primary); /* رنگ کادر */
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* سایه */
         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%);
     }
 }