Update app.py

app.py

@@ -12,6 +12,58 @@ p = pipeline("automatic-speech-recognition")
 
 os.environ["OPENAI_API_KEY"] = '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'
 
+css = """
+#component-2 {position: absolute; bottom: 0;    width: 100%;
+}
+.wrap.svelte-6roggh.svelte-6roggh {
+    padding: var(--block-padding);
+    height: 100%;
+    max-height: 100%;
+    overflow-y: auto;
+    }
+.bot.svelte-6roggh.svelte-6roggh, .pending.svelte-6roggh.svelte-6roggh {
+    border-color: #759ce9;
+    background: #ffffff;
+}
+div.svelte-1frtwj3 {
+    display: inline-flex;
+    align-items: center;
+    z-index: var(--layer-2);
+    box-shadow: var(--block-shadow);
+    border: var(--block-label-border-width) solid #ffffff;
+    border-top: none;
+    border-left: none;
+    border-radius: var(--block-label-radius);
+    background: #eff6ff;
+    padding: var(--block-label-padding);
+    pointer-events: none;
+    color: var(--block-label-text-color);
+    font-weight: var(--block-label-text-weight);
+    width: 100%;
+    line-height: var(--line-sm);
+    }
+div.svelte-awbtu4 {
+    display: flex;
+    flex-direction: inherit;
+    flex-wrap: wrap;
+    gap: var(--form-gap-width);
+    box-shadow: var(--block-shadow);
+    border: var(--block-border-width) solid var(--border-color-primary);
+    border-radius: var(--radius-lg);
+    background: var(--border-color-primary);
+    overflow: hidden;
+    position: fixed;
+    bottom: 0;
+    margin-left: -16px;
+}
+.app.svelte-ac4rv4.svelte-ac4rv4 {
+    max-width: none;
+    background-color: #dbeafe;
+}
+.app.svelte-ac4rv4.svelte-ac4rv4{max-width:none}
+.wrap.svelte-1o68geq.svelte-1o68geq {max-height: none}
+"""
+
 md = """This is some code:
 
 hello
@@ -48,9 +100,10 @@ def chatbot(input_text):
     return str(response.response)
 
 
-with gr.Blocks() as demo:
-    gpt = gr.Chatbot(label="Zoh", elem_id="chatbot")
-    msg = gr.Textbox( show_label=False,
+with gr.Blocks(css=css, elem_classes=".app.svelte-ac4rv4.svelte-ac4rv4") as demo:
+    realPath = str(os.path.dirname(os.path.realpath(__file__)))
+    gpt = gr.Chatbot(label="Converse com a Zoh",elem_classes=".wrap.svelte-1o68geq.svelte-1o68geq", elem_id="chatbot").style(container=True)
+    msg = gr.Textbox(elem_id="div.svelte-awbtu4",elem_classes="div.svelte-awbtu4", show_label=False,
                 placeholder="Bem vindo ao Hippo Supermercados, em que posso ajuda-lo?",
             ).style(container=False)
     clear = gr.Button("Limpar Conversa")