Update app.py

app.py

@@ -123,11 +123,11 @@ def respond(
         yield outputs
 
 PLACEHOLDER = """
-<div style="max-width: 600px; background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px);">
+<div style="max-width: 600px; background-color: rgba(22, 20, 28, 0.1); border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px);">
     <figure style="margin: 0;">
-        <img src="https://github.com/Maximilian-Winter/llama-cpp-agent/blob/master/logo/logo_orange_banner.png?raw=true" alt="Logo" style="width: 100%; height: 100px; border-top-left-radius: 8px; border-top-right-radius: 8px;">
+        <img src="https://github.com/Maximilian-Winter/llama-cpp-agent/blob/master/logo/logo_orange_banner.png?raw=true" alt="Logo" style="width: 100%; height: 150px; border-top-left-radius: 8px; border-top-right-radius: 8px;">
     </figure>
-    <div style="padding: 1.5rem;">
+    <div style="padding: .5rem 1.5rem;">
         <h2 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;">llama-cpp-agent</h2>
         <p style="text-align: left;font-size: 16px; line-height: 1.5; margin-bottom: 15px;">The llama-cpp-agent framework simplifies interactions with Large Language Models (LLMs), providing an interface for chatting, executing function calls, generating structured output, performing retrieval augmented generation, and processing text using agentic chains with tools.</p>
         <div style="display: flex; justify-content: flex-end;">