Update app.py

app.py

@@ -16,19 +16,45 @@ import nest_asyncio
 nest_asyncio.apply()
 
 st.set_page_config(
-    page_title="Plant Disease Classifier 🌱",
-    page_icon="🌱",
-    layout="wide",
-    initial_sidebar_state="expanded",
+        page_title="Krushi Mitra 🌱",
+        page_icon="🌱",
+        layout="centered",  # Change to centered layout
+        initial_sidebar_state="auto"  # Auto-hide sidebar on small screens
 )
 
 # Custom CSS for styling
+# Update custom CSS
 custom_css = """
 <style>
-body { background-color: #f8f9fa; }
-h1, h2, h3, h4 { color: #2c3e50; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
-.stButton>button { background-color: #27ae60; color: white; border: none; padding: 0.5em 1em; border-radius: 5px; font-size: 16px; }
-.sidebar .sidebar-content { background-image: linear-gradient(#27ae60, #2ecc71); color: white; }
+body { 
+    background-color: #f0f2f6; 
+    font-family: 'Inter', sans-serif; 
+}
+.stApp { 
+    max-width: 900px; 
+    margin: 0 auto; 
+}
+.stButton>button { 
+    background-color: #2ecc71; 
+    color: white; 
+    border: none; 
+    padding: 10px 20px; 
+    border-radius: 8px; 
+    font-weight: bold; 
+    transition: all 0.3s ease;
+}
+.stButton>button:hover {
+    background-color: #27ae60;
+    transform: scale(1.05);
+}
+.stTabs [data-baseweb="tab-list"] {
+    background-color: #ecf0f1;
+    border-radius: 10px;
+}
+.stTabs [data-baseweb="tab"] {
+    padding: 10px 15px;
+    font-weight: 600;
+}
 </style>
 """
 st.markdown(custom_css, unsafe_allow_html=True)
@@ -221,14 +247,18 @@ def main():
     language_option = st.sidebar.radio("Language", options=["English", "Marathi"], index=0)
     st.session_state.language = language_option
     plant_type = st.sidebar.selectbox("Select Plant Type", options=['sugarcane', 'maize', 'cotton', 'rice', 'wheat'])
-    uploaded_file = st.sidebar.file_uploader("Upload a plant image...", type=["jpg", "jpeg", "png"])
+    uploaded_file = st.sidebar.file_uploader(
+    "Upload a plant image...", 
+    type=["jpg", "jpeg", "png"],
+    help="Select an image of your plant to detect diseases"
+)
     st.title(translate_text("Krushi Mitra"))
     st.write(translate_text("Plant Disease Classification and Pesticide Recommendation.\n\nUpload an image, select plant type, and click on Classify."))
 
     if uploaded_file is not None:
         st.markdown("---")
         st.subheader(translate_text("Uploaded Image"))
-        st.image(uploaded_file, use_container_width=True)
+        st.image(uploaded_file, width=300)
         if st.button(translate_text("Classify")):
             with st.spinner(translate_text("Classifying...")):
                 predicted_class, pesticide = classify_image(plant_type, uploaded_file)