Spaces:

Yaswanth56
/

cust

Sleeping

Yaswanth56 commited on Apr 4, 2025

Commit

1b55d17

verified ·

1 Parent(s): 9dae632

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -8,19 +8,25 @@
 </head>
 <body>
     <div class="container">
         <header>
-            <h1>Recipe Assistant</h1>
             <p>Discover delicious recipes based on your ingredients!</p>
         </header>
         <div class="chat-box">
-            <div id="messages"></div>
-            <form id="message-form">
                 <input type="text" id="input" placeholder="Enter ingredients separated by + (e.g., coffee + milk)">
-                <button type="submit">
-                    <span>Send</span>
-                </button>
-            </form>
         </div>
         <footer>

 </head>
 <body>
     <div class="container">
+        <!-- Heading with emoji -->
         <header>
+            <h1>Recipe Assistant 🧑‍🍳</h1>
             <p>Discover delicious recipes based on your ingredients!</p>
         </header>
+        <!-- Search and result container -->
         <div class="chat-box">
+            <!-- Search input section -->
+            <div class="input-section">
                 <input type="text" id="input" placeholder="Enter ingredients separated by + (e.g., coffee + milk)">
+                <div class="buttons">
+                    <button id="clear" class="button clear-btn">Clear</button>
+                    <button id="submit" class="button submit-btn">Submit</button>
+                </div>
+            </div>
+            <!-- Results display -->
+            <div id="messages" class="messages"></div>
         </div>
         <footer>