Rename ContentGradio_UI.py to ContentGradio.py

ContentGradio_UI.py → ContentGradio.py

@@ -1,36 +1,5 @@
 import gradio as gr
 
-# Custom CSS styles for sections
-css = """
-#header {
-    text-align: center;
-    font-size: 2em;
-    margin-bottom: 20px;
-    color: #333;
-}
-#user-guidance {
-    font-size: 1.1em;
-    color: #555;
-    margin-bottom: 20px;
-}
-#main {
-    padding: 20px;
-    background-color: #f7f7f7;
-    margin-bottom: 20px;
-    border-radius: 5px;
-}
-#examples {
-    font-size: 1.1em;
-    color: #333;
-    margin-bottom: 20px;
-}
-#footer {
-    text-align: center;
-    color: #888;
-    font-size: 0.9em;
-}
-"""
-
 # Function for Main content (takes user input and returns a response)
 def process_input(user_input):
     return f"You entered: {user_input}"
@@ -74,7 +43,9 @@ def create_footer():
 
 # Main function to bring all sections together
 def ContentAgentUI():
-    with gr.Blocks(css=css) as ca_gui:
+
+    css_path = os.path.join(os.getcwd(), "ui", "styles.css")
+    with gr.Blocks(css=css_path) as ca_gui:
         create_header()  # Create the header
         create_user_guidance()  # Create user guidance section
         output = create_main()  # Create the main section (returns the output component)