Update app.py

app.py

@@ -77,13 +77,7 @@ if uploaded_image and API_KEY:
                     .get("content", "No caption generated.")
                 )
                 st.subheader("Generated Caption")
-
-                # Use a text area for the caption so it can be copied easily
-                caption_area = st.text_area(
-                    "", caption, height=100, key="caption_area", disabled=True,
-                    max_chars=2000,  # Limit number of characters for better display
-                    help="The generated caption will appear here.", label_visibility="collapsed"
-                )
+                st.write(caption)
 
             except Exception as e:
                 st.error(f"Error processing the response: {e}")
@@ -93,58 +87,16 @@ else:
     else:
         st.info("Please upload an image.")
 
-# Customizing CSS for the text area and button (with blue glowing effect for button)
+# Remove the sidebar and center the content
 st.markdown(
     """
     <style>
-        /* Custom styles for the text area */
-        .css-1w6p6e5 {
-            background-color: #f0f0f5;
-            color: #333333;
-            font-size: 16px;
-            padding: 10px;
-        }
-        
-        /* Glowing blue button styling */
-        .stButton>button {
-            background-color: #007bff;  /* Blue color */
-            color: white;
-            font-size: 16px;
-            border: none;
-            border-radius: 4px;
-            padding: 12px 24px;
-            cursor: pointer;
-            box-shadow: 0 4px 6px rgba(0, 123, 255, 0.6), 0 0 10px rgba(0, 123, 255, 0.8);
-            transition: all 0.3s ease-in-out;
-        }
-
-        .stButton>button:hover {
-            background-color: #0056b3;  /* Darker blue on hover */
-            box-shadow: 0 4px 6px rgba(0, 123, 255, 0.8), 0 0 20px rgba(0, 123, 255, 1);
-        }
-
-        /* Text area styling */
-        .stTextArea>div>textarea {
-            background-color: #f5f5f5;
-            color: #333;
-            font-size: 14px;
-            padding: 10px;
-            border-radius: 5px;
-        }
-
-        .stTextArea>div>textarea:disabled {
-            background-color: #e0e0e0;
-            color: #666;
-        }
-
-        /* Centering elements */
-        .css-1v3fvcr {
-            justify-content: center;
-            display: flex;
-        }
-        .css-ffhzg6 {
-            text-align: center;
-        }
+        .css-1d391kg {text-align: center;}
+        .css-1v3fvcr {justify-content: center; display: flex;}
+        .css-1y4ccs5 {margin: 0 auto;}
+        .css-1aumxhk {display: flex; justify-content: center;}
+        .css-1k6kn8p {justify-content: center; align-items: center; display: flex;}
+        .css-ffhzg6 {text-align: center;}
     </style>
     """, unsafe_allow_html=True
 )