Update app.py

app.py

@@ -27,83 +27,6 @@ def call_api(message, model, preset):
     except Exception as e:
         return f"Error: {str(e)}"
 
-# Custom CSS for light mode
-light_css = """
-.gradio-container {
-    background-color: #f9f9f9;
-    font-family: 'Arial', sans-serif;
-    padding: 20px;
-}
-#chatbox {
-    background-color: white;
-    border-radius: 10px;
-    padding: 15px;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-    height: 400px;
-    overflow-y: auto;
-}
-#input-container {
-    display: flex;
-    align-items: center;
-    border: 1px solid #ccc;
-    border-radius: 20px;
-    padding: 5px;
-    background-color: white;
-}
-#message-input {
-    flex-grow: 1;
-    border: none;
-    padding: 10px;
-    font-size: 14px;
-    outline: none;
-    margin-right: 5px;  /* Add some space between input and button */
-}
-#send-button {
-    border: none;
-    background: none;
-    cursor: pointer;
-    padding: 2px;  /* Reduced padding for smaller button */
-    font-size: 12px;
-    width: 30px;   /* Adjusted width for smaller button */
-    height: 30px;  /* Adjusted height for smaller button */
-    color: #007BFF;
-    transition: opacity 0.3s;
-}
-#send-button:hover {
-    opacity: 0.7;
-}
-#settings-container {
-    margin-top: 20px;
-}
-"""
-
-# Dark mode CSS
-dark_css = """
-.gradio-container {
-    background-color: #1e1e1e; /* Dark background */
-    color: white;              /* Light text color */
-}
-#chatbox {
-    background-color: #2e2e2e; /* Dark chatbox */
-    color: white;              /* Light text color */
-}
-#input-container {
-    background-color: #2e2e2e; /* Dark input container */
-    border: 1px solid #444;    /* Dark border */
-}
-#message-input {
-    background-color: #3e3e3e; /* Dark input field */
-    color: white;              /* Light text color */
-}
-#send-button {
-    color: #007BFF;            /* Button text color */
-}
-"""
-
-# Function to toggle dark mode
-def toggle_dark_mode(is_dark):
-    return dark_css if is_dark else light_css
-
 # Create Gradio interface
 def create_interface():
     with gr.Blocks() as demo:
@@ -113,12 +36,12 @@ def create_interface():
         chatbox = gr.Textbox(label="", interactive=False, elem_id="chatbox", lines=12)
 
         # 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")
+        with gr.Row():
+            message = gr.Textbox(placeholder="Type a message...", lines=1, show_label=False)
+            send_btn = gr.Button("➤", elem_id="send-button", scale=0.5)  # Use scale to make the button smaller
 
         # Settings section
-        with gr.Accordion("⚙️ Settings", open=False, elem_id="settings-container"):
+        with gr.Accordion("⚙️ Settings", open=False):
             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)