Upload app.py

app.py

@@ -193,18 +193,25 @@ st.markdown("""
         object-fit: contain;
     }
     
-    /* Camera input styling */
-    .stCamera > div {
+    /* File uploader styling - enhanced for mobile */
+    .stFileUploader > div {
         border-radius: 15px;
-        overflow: hidden;
-        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
         margin: 10px 0;
     }
     
-    /* File uploader styling */
-    .stFileUploader > div {
+    .stFileUploader > div > div {
+        border: 2px dashed #74b9ff;
         border-radius: 15px;
-        margin: 10px 0;
+        padding: 20px;
+        background: rgba(116, 185, 255, 0.05);
+        transition: all 0.3s ease;
+    }
+    
+    .stFileUploader > div > div:hover {
+        border-color: #0984e3;
+        background: rgba(116, 185, 255, 0.1);
+        transform: translateY(-2px);
+        box-shadow: 0 4px 15px rgba(116, 185, 255, 0.2);
     }
     
     /* Mobile responsive adjustments */
@@ -482,41 +489,29 @@ def main():
         </div>
         """, unsafe_allow_html=True)
         
-        # Camera input for mobile devices
-        st.markdown("**📱 Take a Live Photo**")
-        camera_photo = st.camera_input(
-            "📸 Take a picture",
-            help="Use your device camera to take a photo for fire detection"
-        )
+        # Mobile-friendly file uploader that opens native camera
+        st.markdown("**📱 Take Photo or Upload Image**")
+        st.markdown("📸 **On Mobile**: Tap below → Choose 'Take Photo' to open camera")
+        st.markdown("💻 **On Desktop**: Click below to select image files")
         
-        # File uploader for existing images
-        st.markdown("**📁 Or Upload from Device**")
         uploaded_file = st.file_uploader(
-            "Choose an image...",
+            "Choose an image or take a photo...",
             type=['jpg', 'jpeg', 'png', 'bmp', 'tiff'],
-            help="Upload an existing image from your device for fire detection"
+            help="📱 Mobile: Tap to open camera or gallery | 💻 Desktop: Click to browse files"
         )
         
-        # Determine which input was used
+        # Process the uploaded image
         image = None
-        image_source = None
+        image_source = "uploaded"
         
-        if camera_photo is not None:
-            image = Image.open(camera_photo)
-            image_source = "camera"
-        elif uploaded_file is not None:
+        if uploaded_file is not None:
             image = Image.open(uploaded_file)
             image_source = "uploaded"
         
         # Process the image (whether uploaded or from camera)
         if image is not None:
             # Display the image with appropriate caption
-            caption_map = {
-                "camera": "📷 Camera Photo",
-                "uploaded": "📁 Uploaded Image"
-            }
-            caption = caption_map.get(image_source, "Image")
-            st.image(image, caption=caption, use_column_width=True)
+            st.image(image, caption="📸 Your Image", use_column_width=True)
             
             # Get prediction
             transform = get_inference_transform()
@@ -532,7 +527,6 @@ def main():
                 with st.expander("🔬 Technical Details"):
                     st.markdown(f"""
                     **Prediction Details:**
-                    - Input Source: {image_source.title()}
                     - Predicted Class: {predicted_label}
                     - Confidence Score: {confidence_score:.4f}
                     - Fire Probability: {all_probs[0]:.4f}