Update app.py

app.py

@@ -2,7 +2,7 @@ import random
 from gradio_client import Client
 import gradio as gr
 
-# **List of available servers**
+# List of available servers
 servers = [
     "BICORP/GOGOGOGO",
     "BICORP/server-2",
@@ -11,7 +11,7 @@ servers = [
     "BICORP/server-5"
 ]
 
-# **Function to call the API with correct parameters**
+# Function to call the API with correct parameters
 def call_api(message, model, preset):
     selected_server = random.choice(servers)
     client = Client(selected_server)
@@ -27,7 +27,7 @@ def call_api(message, model, preset):
     except Exception as e:
         return f"Error: {str(e)}"
 
-# **Custom CSS for clean UI**
+# Custom CSS for clean UI
 css = """
 .gradio-container {
     background-color: #f9f9f9;
@@ -65,14 +65,16 @@ css = """
     border: none;
     background: none;
     cursor: pointer;
-    padding: 5px;  /* Reduced padding for a smaller button */
-    font-size: 12px; /* Smaller font size */
-    width: 30px; /* Set a specific width */
-    height: 30px; /* Set a specific height */
+    padding: 5px;              /* Reduced padding for a smaller button */
+    font-size: 12px;           /* Smaller font size */
+    width: 30px;               /* Set a specific width */
+    height: 30px;              /* Set a specific height */
+    color: #007BFF;            /* Text color */
+    transition: opacity 0.3s;  /* Smooth transition for hover effect */
 }
 
 #send-button:hover {
-    opacity: 0.7;
+    opacity: 0.7;              /* Change opacity on hover */
 }
 
 #settings-container {
@@ -80,31 +82,31 @@ css = """
 }
 """
 
-# **Create Gradio interface**
+# Create Gradio interface
 def create_interface():
     with gr.Blocks(css=css) as demo:
         gr.Markdown("## 💬 Chatbot")
 
-        # **Chat display area**
+        # Chat display area
         chatbox = gr.Textbox(label="", interactive=False, elem_id="chatbox", lines=12)
 
-        # **Input field with button inside**
+        # Input field with button inside
         with gr.Row(elem_id="input-container"):
             message = gr.Textbox(placeholder="Type a message...", elem_id="message-input", lines=1, show_label=False)
             send_btn = gr.Button("➤", elem_id="send-button")
 
-        # **Settings section**
+        # Settings section
         with gr.Accordion("⚙️ Settings", open=False, elem_id="settings-container"):
             model = gr.Dropdown(choices=["Lake 1 Base"], label="Model", value="Lake 1 Base")
             preset = gr.Dropdown(choices=["Fast", "Normal", "Quality", "Unreal Performance"], label="Preset", value="Fast")
             dark_mode = gr.Checkbox(label="Enable Dark Mode", value=False)
 
-        # **Button click event**
+        # Button click event
         send_btn.click(call_api, inputs=[message, model, preset], outputs=chatbox)
 
     return demo
 
-# **Launch the interface**
+# Launch the interface
 if __name__ == "__main__":
     interface = create_interface()
     interface.launch()