Update app.py

app.py

@@ -6,6 +6,14 @@ import requests
 # Set page configuration (must be the first Streamlit command)
 st.set_page_config(page_title="Ticket System", layout="centered", initial_sidebar_state="expanded")
 
+def center_logo(image_path, width=200):
+    # Use columns to center the logo
+    col1, col2, col3 = st.columns([1, 2, 1])  # Adjust the ratios to center the logo
+    with col2:  # Place the logo in the middle column
+        st.image(image_path, width=width, use_container_width=False)  # Adjust width as needed
+
+
+        
 # Apply custom CSS for design
 st.markdown(
     """
@@ -164,7 +172,8 @@ def main():
         employee_ticket_status_page()
 
 def submit_ticket_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Submit a Ticket</h1>', unsafe_allow_html=True)
     st.markdown('<p style="color: #084C3C;">Please fill out the form below to submit a ticket.</p>', unsafe_allow_html=True)
 
@@ -182,7 +191,8 @@ def submit_ticket_page():
             st.success(f"Your ticket has been submitted successfully. Customer ID: {customer_id}")
 
 def check_ticket_status_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Check Ticket Status</h1>', unsafe_allow_html=True)
     st.markdown('<p style="color: #084C3C;">Enter your Customer ID to view your tickets.</p>', unsafe_allow_html=True)
 
@@ -202,7 +212,8 @@ def check_ticket_status_page():
             st.warning("Please enter your Customer ID.")
 
 def faq_info_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">FAQ & Information</h1>', unsafe_allow_html=True)
 
     faq_data = [
@@ -217,7 +228,8 @@ def faq_info_page():
         st.markdown(f'<p style="color: #084C3C;">{answer}</p>', unsafe_allow_html=True)
 
 def respond_to_ticket_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Respond to a Ticket</h1>', unsafe_allow_html=True)
     ticket_data = {
         "Ticket Number": ["141", "565", "999"],
@@ -235,7 +247,8 @@ def respond_to_ticket_page():
         st.button("Submit Response")
 
 def employee_ticket_status_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Ticket Status</h1>', unsafe_allow_html=True)
     customer_id = st.text_input("Customer ID")
     if st.button("Check Ticket Status"):
@@ -247,7 +260,8 @@ def employee_ticket_status_page():
         st.dataframe(df)
 
 def ticket_dashboard_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Ticket Dashboard</h1>', unsafe_allow_html=True)
     st.components.v1.iframe(
         "https://app.powerbi.com/view?r=eyJrIjoiMDEwNzA2YjUtNGY0MC00NTFjLTg1ZTctYTZlZjQzOTUwNWUxIiwidCI6ImI0NTNkOTFiLTZhYzEtNGI2MS1iOGI4LTVlNjVlNDIyMjMzZiIsImMiOjl9",
@@ -257,7 +271,8 @@ def ticket_dashboard_page():
     )
 
 def customer_dashboard_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Customer Dashboard</h1>', unsafe_allow_html=True)
     customer_data = {
         "Customer ID": ["C001", "C002", "C003"],
@@ -274,7 +289,8 @@ def customer_dashboard_page():
     )
 
 def management_dashboard_page():
-    st.image("logo.png", width=200)
+    #st.image("logo.png", width=200)
+    center_logo("logo.png")  # Center the logo
     st.markdown('<h1 style="color: #084C3C;">Management Dashboard</h1>', unsafe_allow_html=True)
     
     # Define employee data